边框 border
综合设置:(四边)
border: 1px solid #000;
顺序设置:border-width、border-style、border-color
边框宽度:
border-width: 1px;
边框样式:
border-style: solid;
参数说明:
none 无边框
hidden 解决边框冲突、相同于none
solid 实线
dotted 点状(多数浏览器中呈现为实线)
dashed 虚线(多数浏览器中呈现为实线)
double 双线(双线宽度等于 border-width)
groove 凹槽边框(效果取决于 border-color)
ridge 垄状边框(效果取决于 border-color)
inset
outset
inherit 从父标签继承
边框颜色:
border-color: #000;
左边框:
border-left: 1px solid #000;
顺序设置:border-left-width、border-left-style、border-left-color
左边框宽度:
border-left-width: 1px;
左边框样式:
border-left-style: solid;
参数参考:border-style
左边框颜色:
border-left-color: #000;
右边框:
border-right: 1px solid #000;
顺序设置:border-right-width、border-right-style、border-right-color
右边框宽度:
border-right-width: 1px;
右边框样式:
border-right-style: solid;
参数参考:border-style
右边框颜色:
border-right-color: #000;
上边框:
border-top: 1px solid #000;
顺序设置:border-top-width、border-top-style、border-top-color
上边框宽度:
border-top-width: 1px;
上边框样式:
border-top-style: solid;
参数参考:border-style
上边框颜色:
border-top-color: #000;
下边框:
border-bottom: 1px solid #000;
顺序设置:border-bottom-width、border-bottom-style、border-bottom-color
下边框宽度:
border-bottom-width: 1px;
下边框样式:
border-bottom-style: solid;
参数参考:border-style
下边框颜色:
border-bottom-color: #000;