border属性

2016-11-11  本文已影响13人  CJCJCCJ

border:宽度 颜色 样式
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;

快捷键:bd

注意点:只有样式不能省略,其他都可以的

1.连写格式中颜色属性可以省略, 省略之后默认就是黑色
2.连写格式中样式不能省略, 省略之后就看不到边框了
3.连写格式中宽度可以省略, 省略之后还是可以看到边框

border-top: 边框的宽度 边框的样式 边框的颜色;
border-right: 边框的宽度 边框的样式 边框的颜色;
border-bottom: 边框的宽度 边框的样式 边框的颜色;
border-left: 边框的宽度 边框的样式 边框的颜色;

bt border-top: 1px solid #000;
br
bb
bl

border-width: 上 右 下 左;
border-style: 上 右 下 左;
border-color: 上 右 下 左;

当只有一个两个三个的时候还是按照上右下左的方式,一个代表全部,两个代表上下和左右,两个代表上,左右,下

border-bottom: none;
/none 代表不需要边框/

上一篇下一篇

猜你喜欢

热点阅读