border 边框(复合样式，集合样式)

最新推荐文章于 2025-05-17 15:48:03 发布
原创 最新推荐文章于 2025-05-17 15:48:03 发布 · 4.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了CSS中边框样式的设置方法，包括边框宽度、样式、颜色及圆角等属性。同时还讲解了如何使用border-image来为边框设置背景图片，并提供了各个属性的具体用法示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 border 边框(复合样式，集合样式)

       border-top

       border-right

       border-bottom

       border-left

       border-top-width          上

       border-right-width        右

       border-bottom-width   下

       border-left-width          左

       border-style 边框样式

               solid          实线

               dashed      虚线

               dotted      点线

       border-top-style

       border-right-style

       border-bottom-style

       bordder-left-style

       border-color 边框颜色

              rgb(0-255,0-255,0-255);

       border-top-color

       border-right-color

       border-bottom-color

       border-left-color

       border-radius 圆角半径

              列：border-radius:10px 20px 30px 40px           

       border-width 边框宽度

　　border-image 语法（ 仅限谷歌 要加如前缀 -webkit-）：

border-image-source 用在边框的图片的路径。  
border-image-slice 图片边框向内偏移。切割图片 两个值（上下或左右）不用加px  
border-image-width 图片边框的宽度。  
border-image-outset 边框图像区域超出边框的量。  
border-image-repeat 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。   


       

Exist_ing
关注
CSS border边框（理解网页边框制作）
百赢出品，必属精品
04-25 8270
边框是围绕在元素周围的一条线，可以设置边框的宽度、样式和颜色，用于装饰和分隔元素。border-width（边框宽度）：用于设置边框的宽度，可以是像素、百分比或预定义值（thin、medium、thick）。border-style（边框样式）：指定边框的样式，常见的样式包括 solid（实线）、dashed（虚线）、dotted（点线）、double（双线）等。border-color（边框颜色）：设置边框的颜色，可以是具体的颜色值、RGB值、十六进制值等。border（边框简写属性）
「QT」QSS样式表 之 QRadioButton 单选按钮样式表
何曾参静谧的博客
02-10 860
由于QRadioButton的指示器通常受到操作系统主题的限制，因此某些样式属性（如大小和形状）可能无法直接通过QSS进行调整。然而，需要注意的是，QRadioButton的背景通常被其指示器（即圆形或方形的小点）和文本所覆盖，因此设置背景颜色可能不会有明显效果，除非同时调整指示器的透明度和大小。需要注意的是，QRadioButton的指示器在Qt中通常是一个固定的图形（圆形或方形），其大小可能受到操作系统主题的限制。属性可能不会有预期的效果，特别是在不同的操作系统和Qt主题下。
CSS：边框的复合写法
听海边涛声
06-20 330
CSS：边框的复合写法
理解CSS边框border
最新发布
2403_88477236的博客
05-17 856
但是，在表格中，若只设置border-style，而不设置border,则边框颜色为黑色，而不与文本颜色相同。若指定该值，则边框图片宽度由该值确定，否则由盒子的边框宽度来确定。4、图片边框是在边框范围内显示的，若边框宽度不等于slice切片值，则图片边框会按比例放大缩小，以使图片边框正好显示在边框范围内。三道杠可以使用边框来实现，上面两道杠使用上边框的double样式，下面一道杠使用下边框的solid样式。边框是一条以空格分隔的集合样式，包括边框粗细(边框宽度)、边框颜色和边框样式，且先后顺序无关。
边框样式
lalalademaxi的博客
05-07 339
p.dotted {border-style: dotted} p.dashed {border-style: dashed} p.solid {border-style: solid} p.double {border-style: double} p.groove {border-style: groove} p.ridge {border-style: ridge} p.inse
边框的复合写法(HTML、CSS)
...
08-07 743
边框的复合写法(HTML、CSS) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>边框的复合写法</title> <style>
【CSS】Border 边框
Dora_5537的博客
05-13 1701
总结 1. 基本属性 border-width:设置边框的粗细 border-color:设置边框的颜色 border-style:设置边框的类型 （1）简写语法：border: border-width border-style border-color 注意：三个属性的顺序任意，个数任意，但是这三个属性中必须要有 “border-style”。 （2）对边框...
wpf 控件样式大全
12-30
例如，可以为`Button`控件定义一个样式，包含背景色、前景色、边框厚度等属性，然后所有按钮都将应用此样式。 2. **模板（Templates）**： 控件模板是样式的一个扩展，它允许自定义控件的内部结构和视觉表示。有两...
「QT」QSS样式表 之 QCheckBox 复选框功能样式表
何曾参静谧的博客
02-11 1300
然而，需要注意的是，由于QCheckBox的指示器通常受到操作系统主题的限制，因此某些样式属性（如大小和形状）可能无法直接通过QSS进行调整。在这个复合样式示例中，我们设置了QCheckBox的文本字体大小和颜色，以及指示器的宽度、高度和不同状态下的样式。需要注意的是，由于QCheckBox的内部布局管理，文本和指示器之间的间距可能无法通过QSS直接调整。属性在QCheckBox上可能不起作用，因为它通常用于设置控件内部元素之间的间距，而QCheckBox的文本和指示器之间的间距通常由控件的内部布局管理。
「QT」QSS样式表 之 QToolButton 工具按钮样式表
何曾参静谧的博客
02-10 1380
通过使用QSS样式表，C++ Qt5开发者可以轻松地定制QToolButton的外观，包括背景颜色、边框样式、图标大小、文本位置等。在实际开发中，开发者可以根据需求将多个样式属性组合在一起，应用到具有特定objectName的QToolButton上，实现丰富的用户界面效果。QToolButton具有悬浮（hover）和按下（pressed）两种伪状态，可以通过QSS为它们定义不同的样式。在实际应用中，通常会将多个样式属性组合在一起，应用到具有特定objectName的QToolButton上。
「QT」QSS样式表 之 QLabel 标签样式表
何曾参静谧的博客
02-10 980
QSS的概念和术语受到了HTML中CSS（层叠样式表）的启发，它允许开发者以纯文本格式定义控件的样式，从而在应用程序运行时动态加载和解析这些样式定义。通过使用QSS样式表，C++ Qt5开发者可以轻松地定制QLabel的外观，包括文本颜色、字体样式、背景颜色、边框样式等。在实际开发中，开发者可以根据需求将多个样式属性组合在一起，应用到具有特定objectName的QLabel上，实现丰富的用户界面效果。例如，当某个条件满足时，可以触发一个信号，然后在槽函数中更改QLabel的样式表。
CSS 盒模型
lzh17538073353的博客
07-16 403
本篇介绍盒模型的概念 讲述边框属性实现边框效果与小三角
html下边框样式,css border-bottom div css下边框样式设置
weixin_35492602的博客
06-17 1万+
css border-bottom div下边框对象底部边框样式设置border-bottom是对对象下边边框设置样式单词，对层等对象设置下边框颜色、宽度、样式，所用CSS border-bottom下边框底部边框属性实现。一、css border-bottom边框语法border-bottom语法：border-bottom:1px solid #000设置下边边框宽度为1px、实线样式、颜色为...
图片边框border-image
wxiao_xiao_miao的博客
04-08 1008
1. 使用图片当做边框，必须先设置边框 border 2. 图片边框不占用空间。div里如果放内容，内容还是和border有关系，和border-image没有关系 3. 盒子不能太小，至少应该把图片边框显示完整。 border-image:图片地址 切割位置/图片边框的宽度 效果(默认是拉伸) //复合写法 border-image: url('./images/border.jpg') 167/20px; // border-image-s..
边框(border)
Mc维嘉的博客
04-28 1067
边框(border) 边框,在页面布局中经常使用的一个布局,其边框的大小,形状,颜色等等直接影响到整个页面的布局,而一个精致的布局直接给人以视觉上的冲击. 使用边框通用定义类来快速设置元素的边框和边框半径,适用与图像,按钮或任何其他元素. 基本边框 添加边框属性,显示指定边框. 在一个空间上定义边框-删...
border（边框）的两种写法
巧克力很苦的小博客
01-31 7833
咱们接着上面的说讲了border的设置多种线条的方法和属性 接下来说 border-style：solid 和 border：1px #eeeee solid 的两者区别 1，border-style 定义和用法 border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。 只有当这个值不是 none 时边框才可能出现。 例子1 border-style:dotted...
border定义不同边框，虚线边框（dashed，dotted），实线边框（solid）
热门推荐
tuuuuy的博客
11-12 3万+
1.solid border属性下的实线边框，当border不定义边框指定的一面，就默认四条边都是实线边框。 border:2px solid #FFFFFF； 实现效果： 2.dashed border属性下的虚线边框，当border不定义边框指定的一面，就默认四条边都是实线边框。也可以虚线跟实线定义。 border:2px dashed #FFFFFF； 3.dotted...
CSS【详解】边框 border，边框-圆角 border-radius，边框-填充 border-image，轮廓 outline
朝阳39的博客
07-10 5607
template > < div class = " border-dashed " > 1:1的虚线 </ div > </ template > < style scoped > .border-dashed {< template > < div class = " border-dashed " > 1:1的虚线 </ div > </ template > < style scoped > .border-dashed {
css复合属性的写法
weixin_30596735的博客
01-21 219
# 复合属性也称为 "shortcut" property (快捷属性)，它作用是为了简化代码，提高页面运行的效率。 # 下面的内容会介绍 2 个比较常用的复合属性 "font" 和 "background" 。 ========================================================== 1. 背景－background ========...
arcgispro sdk 使用C#语言 根据shp地块文件生成界址点文件 对界址点文件每个地块从上到下从左到右编号 导出地籍调查规范要求的界址点成果表样式 界址点成果表为word格式
03-15
<think>嗯，用户想用ArcGIS Pro SDK和C#根据SHP地块文件生成界址点文件，然后编号，再导出符合地籍规范的Word表格。首先，我需要理清楚整个流程的步骤。 首先，得读取SHP地块文件。可能需要使用ArcGIS Pro的Geoprocessing工具或者直接通过SDK的API来访问要素类。要确保能正确读取每个地块的几何形状，尤其是多边形边界，这样才能提取界址点。 接下来是生成界址点。界址点通常是地块边界的顶点，所以可能需要遍历每个多边形的点集合。这里要注意，可能需要排除重复的点，比如相邻地块共享的顶点，但用户没有提到这点，可能暂时不考虑。或者用户可能需要每个地块单独处理，不管是否重复。 然后是对每个地块的界址点进行排序。用户要求从上到下、从左到右编号。这里可能需要确定排序的逻辑。比如，先按Y坐标降序排列（上到下），然后按X坐标升序排列（左到右）。但具体到每个地块，可能需要先对地块的所有顶点进行坐标提取，然后按照这个规则排序，再编号。 编号完成后，需要生成界址点成果表，并且导出为Word。这里可能需要使用Word的API，比如Microsoft.Office.Interop.Word，或者Open XML SDK来创建表格。表格的样式要符合地籍调查规范，可能需要设置特定的表头、行列格式，以及内容排列。 考虑到ArcGIS Pro SDK主要使用C#，可能需要用到的库包括ArcGIS.Core.dll、ArcGIS.Desktop.Core等来处理地理数据，然后使用Open XML或者DocX库来生成Word文档。不过需要注意，DocX是一个第三方库，可能需要用户安装，而Open XML较为底层但不需要额外依赖。 可能的步骤是： 1. 遍历每个地块要素，获取几何顶点。 2. 对顶点进行排序。 3. 为每个顶点分配编号。 4. 将每个地块的界址点保存到新的要素类中，属性包含编号和坐标。 5. 生成成果表，可能需要每个地块生成一个表格，或者汇总所有地块。 6. 导出到Word，调整格式符合规范。 需要注意的问题： - 地块的顶点顺序是否正确，是否需要考虑多部分多边形（比如有洞的情况）。 - 坐标系统的问题，可能需要转换为适当的坐标系，确保坐标值的正确性。 - Word表格的样式，如字体、边框、标题行等，是否符合地籍规范。 - 处理大量数据时的性能问题，可能需要优化代码或分块处理。 另外，可能需要使用到ArcGIS Pro的异步操作，比如在Add-in中使用QueuedTask来执行地理处理任务。同时，界址点成果表的字段可能需要包含点号、坐标X、坐标Y、备注等信息。 最后，测试代码时，需要确保每个步骤的输出正确，尤其是排序和编号部分，以及Word表格的生成是否符合预期。可能需要提供代码示例，指导用户如何实现每个步骤，并处理可能出现的异常情况。</think>我将分步骤为您讲解如何通过ArcGIS Pro SDK实现该需求： 1. **环境准备** - 安装ArcGIS Pro SDK for .NET - 创建ArcGIS Pro Add-in项目（选择Map Tool或 DockPane模板） - 引用必要的程序集： ```csharp using ArcGIS.Core.Data; using ArcGIS.Core.Geometry; using ArcGIS.Desktop.Mapping; using DocumentFormat.OpenXml.Packaging; using DocumentFormat.OpenXml.Wordprocessing; ``` 2. **读取地块要素** ```csharp // 获取当前地图中的shp图层 FeatureLayer parcelLayer = MapView.Active.Map.GetLayersAsFlattenedList() .OfType<FeatureLayer>() .First(l => l.Name == "地块图层名称"); // 创建查询过滤器 QueryFilter queryFilter = new QueryFilter(); using (FeatureCursor cursor = parcelLayer.Search(queryFilter)) { Feature parcelFeature; while ((parcelFeature = cursor.Next()) != null) { Polygon parcelPolygon = parcelFeature.GetShape() as Polygon; // 处理每个地块多边形 } } ``` 3. **提取并排序界址点** ```csharp List<MapPoint> GetSortedPoints(Polygon polygon) { List<MapPoint> points = new List<MapPoint>(); // 获取所有环（考虑多部件多边形） foreach (ReadOnlyPart part in polygon.Parts) { foreach (MapPoint point in part.Points) { points.Add(point); } } // 按Y降序、X升序排序 return points .OrderByDescending(p => p.Y) .ThenBy(p => p.X) .ToList(); } ``` 4. **生成界址点要素类** ```csharp // 创建点要素图层 var pointFC = await CreateFeatureClass("界址点", SpatialReferenceBuilder.CreateSpatialReference(4527), FeatureClassType.Point); // 添加字段 await AddFields(pointFC, new[] { FieldDescription.CreateString("地块编号", 50), FieldDescription.CreateString("点号", 20), FieldDescription.CreateDouble("X坐标"), FieldDescription.CreateDouble("Y坐标") }); // 插入要素 using (TableTransaction transaction = pointFC.StartTransaction()) { foreach (var parcel in parcels) { int pointNum = 1; foreach (var point in sortedPoints) { Feature pointFeature = pointFC.CreateFeature(); pointFeature.SetValue("地块编号", parcel.GetOriginalValue("BH")); pointFeature.SetValue("点号", $"{parcelNum}-{pointNum++}"); pointFeature.SetValue("X坐标", point.X); pointFeature.SetValue("Y坐标", point.Y); pointFeature.SetShape(point); pointFeature.Store(); } } transaction.Commit(); } ``` 5. **生成Word成果表** ```csharp void CreateWordTable(string outputPath, List<BoundaryPoint> points) { using (WordprocessingDocument doc = WordprocessingDocument.Create(outputPath, WordprocessingDocumentType.Document)) { MainDocumentPart mainPart = doc.AddMainDocumentPart(); mainPart.Document = new Document(); Body body = mainPart.Document.AppendChild(new Body()); // 创建符合规范的表格 Table table = new Table(); TableProperties props = new TableProperties( new TableBorders( new TopBorder() { Val = BorderValues.Single, Size = 8 }, new BottomBorder() { Val = BorderValues.Single, Size = 8 }, new LeftBorder() { Val = BorderValues.Single, Size = 8 }, new RightBorder() { Val = BorderValues.Single, Size = 8 }, new InsideHorizontalBorder() { Val = BorderValues.Single, Size = 6 }, new InsideVerticalBorder() { Val = BorderValues.Single, Size = 6 })); // 添加表头 TableRow headerRow = new TableRow(); headerRow.Append( CreateCell("点号"), CreateCell("X坐标"), CreateCell("Y坐标"), CreateCell("备注")); table.Append(headerRow); // 填充数据 foreach (var point in points) { TableRow row = new TableRow(); row.Append( CreateCell(point.PointNumber), CreateCell(point.X.ToString("F3")), CreateCell(point.Y.ToString("F3")), CreateCell("")); table.Append(row); } body.Append(table); } } // 辅助方法：创建标准单元格 TableCell CreateCell(string text) { return new TableCell(new Paragraph(new Run(new Text(text)))); } ``` **注意事项**： 1. 坐标系处理：需确保使用与地籍调查一致的坐标系（如CGCS2000） 2. 编号规则：建议采用"地块编号-流水号"的复合编号方式 3. 成果表样式：需严格遵循《地籍调查规程》TD/T 1001-2012要求 4. 性能优化：对于大数据量建议分块处理，使用后台线程 **扩展功能建议**： 1. 添加自动标注功能 2. 实现界址点成果表模板化配置 3. 增加拓扑检查功能（如界址点重合检查） 4. 生成宗地图结合界址点成果表 建议在实现时参考《地籍调查数据库标准》和《城镇地籍数据库标准》相关规范要求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值