border css边框设置样式

2022-12-06 20:43:40 div css布局边框样式,边框用处,技巧使用。掌握border常规用法。

边框CSS样式 —— border

网页设计时候,遇到布局边框时候将使用border样式。

border值同时可设置边框常规:厚度、边框样式(虚线dashed、实体线solid )、颜色。

常规边框使用代码:

border:1px solid #999 设置四条边1px厚度(宽度),实线边框、黑灰色

border-left:1px dashed #000 设置左边边框1px宽度、虚线边框、黑色

border-right:1px dashed #F00 设置右边框1px宽度、虚线、红色

border-top:1px solid #00F 设置1px上边框,蓝色实线边框

border-bottom:2px solid #090 设置绿色实体线2px宽度下边框

一个对象可以同时设置4边不同颜色、不同宽度、不同虚实线样式。

以上代码均是简化代码,节约很多css。

更新