本文目录
- 关于CSS border属性
- css表格的边框线怎么设置
- 如何使用CSS的border属性画个三角形
- Border在CSS中表示的是
- 在CSS里，border的作用是什么
- css里border的虚线怎么设置
- 如何在css样式上的属性中添加border
关于CSS border属性
border-top:1px solid red;
border-left:XXX
border-bottom:XXX
border-right:XXX
css表格的边框线怎么设置
border-collapse 属性：设置表格的边框是否被合并为一个单一的边框，即：用于设置表格边框是合并显示还是分开显示。
border-collapse 属性设置表格的边框是否被合并为一个单一的边框。它有以下几个值：
-- separate 默认值：边框会被分开，不会忽略 border-spacing 和 empty-cells 属性；
-- collapse：如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性；
-- inherit：规定应该从父元素继承 border-collapse 属性的值。
双线表格边框的实现
html代码：
《table》
《tr》
《td》内容《/td》《td》内容《/td》《td》内容《/td》《td》内容《/td》《td》内容《/td》
《/tr》
《tr》
《td》内容《/td》《td》内容《/td》《td》内容《/td》《td》内容《/td》《td》内容《/td》
《/tr》
《tr》
《td》内容《/td》《td》内容《/td》《td》内容《/td》《td》内容《/td》《td》内容《/td》
《/tr》
《tr》
《td》内容《/td》《td》内容《/td》《td》内容《/td》《td》内容《/td》《td》内容《/td》
《/tr》
《/table》
css代码：
table,table td{
text-align: center;
border: 1px solid #000;
border-collapse：separate；
}
table td{
padding: 10px 30px;
}
表格边框的双线样式其实很简单，只要同时设置表格外边框和table里的每个单元格的边框，就可以实现了。
因为separate是默认值，就算是不设置border-collapse：separate；表格也会呈现双线效果。
我们主要是来看看border-collapse属性合并边框，实现单线边框的方法，html代码一样，只需设置css样式：
css代码：
table,table tr td {
border: 1px solid #000;
text-align: center;
border-collapse: collapse;
}table tr td {
padding: 10px 30px;
}
单线边框的实现也很简单，它是在双线样式的基础上，设置border-collapse: collapse;
把相邻的两个table边框合并成一个，使得相邻的两条线并在一起，边框就以单线的形式显示了。
总结：表格边框的无论是单线边框样式，还是双线边框样式都在前端页面中应用广泛，大家可以根据自己
如何使用CSS的border属性画个三角形
网页做三角形图片，你还在拿ps调整吗？out了，老铁，来和我一起脑海畅想一个正方形是由4个等腰直角三角形构成，然后我想保留上边的三角形，那下边、左边、右边的三角形就没了（设置背景色transparent或者与背景相近的颜色），最终结果就是一个保留上边，方向朝下的三角形，需要注意一点的是设置的css样式中width=0，如果不是就不能构成正方形，而是一个梯形；此外还可以通HTML实体里的三角形符号，朝上▲朝下▼朝左◄朝右►，最后通过font的大小颜色控制三角形！-border
详情代码阅读“如何利用border书写三角形，建议考虑正方形“
Border在CSS中表示的是
border: 边框的意思
它包含 边框宽度 border-width, 边框样式 border-style , 边框颜色 border-color
比如，border:1px solid red; 表示的是 边框宽度为1px 的实线(也可以为虚线，这个就是边框样式) ，边框颜色为red.
任何标签都具有这个CSS属性...
-属性
在CSS里，border的作用是什么
border
语法：
border : border-width || border-style || border-color
取值：
该属性是复合属性。请参阅各参数对应的属性。
默认值为： medium none 。 border-color 的默认值将采用文本颜色。
说明：
设置对象的边框样式。
当你指定了边框颜色( border-color )和边框宽度( border-width )时，你必须同时指定边框样式( border-style )，否则边框不会被呈现。
如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
例如：设置 border : thin 等于设置 border : thin none ，而 border-color 的默认值将采用文本颜色。因此此前的任何 border-color 和 border-width 设置都会被清除。
在 IE5.5+ 中，边框属性可以直接应用于内联要素。而在此前的版本中，内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。对应的脚本特性为 border 。
示例：
p { border: 1px double yellow; }
blockquote { border: dotted gray; }
p { border: 25px; }
-border
css里border的虚线怎么设置
1、打开html开发工具，新建一个html代码页面，然后创建一个《div》标签，并给这个标签添加文字和一个class为了dashed。创建《div》代码:《div class=“dashed“》dashed: 定义一个虚线边框《/div》-属性
2、设置虚线边框。创建《style》标签，然后在这个标签里设置dashed类的样式为虚线边框。css样式代码：《style type=“text/css“》.dashed{border-style:dashed;border-width:1px;《/style》-border
3、保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。
如何在css样式上的属性中添加border
定义和用法
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性：
border-width
border-style
border-color
- not specified
- no
- CSS1
- object.style.border=“3px solid blue“
所有边框属性在一个声明之中
本例演示用简写属性来将所有四个边框属性设置于同一声明中。
如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。
默认值：
继承性：
版本：
JavaScript 语法：
可能的值
值
描述
border-width 规定边框的宽度。参阅：border-width 中可能的值。
border-style 规定边框的样式。参阅：border-style 中可能的值。
border-color 规定边框的颜色。参阅：border-color 中可能的值。
inherit 规定应该从父元素继承 border 属性的设置。
TIY 实例
