多语言展示
当前在线:1605今日阅读:27今日分享:41

CSS border 样式属性都有什么样子(一)

很多时候我们写静态页面会用到border这个属性,但是border的样式有很多,而我们用的最多的应该是solid实线,其他的应该不经常用我用到的时候总是查资料,想不起来今天总结一下,写出来!
工具/原料
1

电脑

2

Dreamwvear

方法/步骤
1

solid:实线    border: solid 1px #000;出来的效果如图

2

dotted:点划线    border: dotted 3px #000;出来的效果如图

3

dashed:虚线    border: dashed 1px #000;出来的效果如图

4

double:双线    border: double 5px #000;出来的效果如图

5

none:定义无边框    border: none;出来的效果如图

6

hidden:与 'none' 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。(意思就是隐藏)   border: hidden;出来的效果如图(和”none“效果基本一样)

注意事项

border的样式也取决于颜色,像素值

推荐信息