边框属性
1边框样式boder-style
在CSS属性中,boder-style属性用于设置边框样式
语法结构: border-style: 上边[右边 下边 左边];
在设置边框样式时既可以针对四条边分别设置,也可以综合设置四条边的样式。boder-style属性的常用属性值有4个,分别用于定义不同的显示样式,具体如下。
solid 边框为单实线
dashed 边框为虚线
dotted 边框为点线
double 边框为双实线
使用boder-style 属性综合设置四边样式时,必须按上右下左的顺时针顺序,省略时采用值复制的原则,即一个值为四边,两个值为上下/左右,三个值为上/左右/下,四个值为上/右/下/左。
需要注意的是,由于兼容性的问题,在不同的浏览器中的点线dotted和虚线dashed的显示样式可能会略有差异。
2 边框宽度boder-width
在CSS属性中,boder-width属性用于设置边框宽度
语法结构: border-width: 上边[右边 下边 左边];
在上面的语法格式中,boder-width属性常用取值单位为像素px。并且同样遵循值复制的原则,其属性值可以设置1~4个,即一个值为四边,两个值为上下/左右,三个值为上/左右/下,四个值为上/右/下/左。
3 边框颜色boder-color
在CSS属性中,boder-color属性用于设置边框颜色
语法结构: border-color: 上边[右边 下边 左边];
<