边框
边框相关属性
-
border-width 规定元素的边框宽度
属性值: length(数值+单位) -
border-style 规定元素的边框样式
属性值: solid 实线 dashed 虚线 double 双线 dotted 点线
groove 3D凹槽边框 ridge 3D垄状边框 inset 3Dinset边框 outset 3Doutset边框 -
border-color 规定元素的边框颜色
属性值: 英文单词颜色表示
十六进制颜色表示 #nnnnnn n表示的是0-f之间的数字
#000000 黑色 #ffffff 白色 #ff0000 = #f00 红色
每两个数字为一组,如果一组数字一样,可以省略只写一个
针对border-width、border-style和border-color书写多个属性值时:
一个属性值:四个边
两个属性值:上下边 左右边
三个属性值:上边 左右边 下边
四个属性值:上边 右边 下边 左边边框属性的简写:
-
border: 宽度 样式 颜色;
单独设置一个边的边框样式: -
border-left/right/top/bottom: 宽度 样式 颜色;
单独设置一个边的边框 宽度 或 样式 或 颜色:
border-left/right/top/bottom-width: 宽度;
border-left/right/top/bottom-style: 样式;
border-left/right/top/bottom-color: 颜色;