CSS border 样式属性都有什么样子(一)
很多时候我们写静态页面会用到border这个属性,但是border的样式有很多,而我们用的最多的应该是solid实线,其他的应该不经常用
我用到的时候总是查资料,想不起来
今天总结一下,写出来!
操作方法
- 01
solid:实线 border: solid 1px #000; 出来的效果如图
- 02
dotted:点划线 border: dotted 3px #000; 出来的效果如图
- 03
dashed:虚线 border: dashed 1px #000; 出来的效果如图
- 04
double:双线 border: double 5px #000; 出来的效果如图
- 05
none:定义无边框 border: none; 出来的效果如图
- 06
hidden:与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。(意思就是隐藏) border: hidden; 出来的效果如图(和”none“效果基本一样)
赞 (0)