课时104.边框属性上(掌握)

这节课我们还会再来介绍几个属性,然后都介绍完了,我们来介绍盒模型

1.什么是边框?

边框就是环绕在标签宽度和高度周围的线条

这就是边框

2.边框属性的格式

2.1连写(同时设置四条边的边框)

border:边框的宽度     边框的样式      边框的颜色;

快捷键:

bd+    border:1px  solid   #000;

2.2连写(分别设置四条边的边框)

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

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

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

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

快捷键:

bt   border-top:

bt+  border-top:1px solid #000;

br+  border-right:1px solid #000;

bb+  border-bottom:1px solid #000;

bl+  border-left:1px solid #000;

注意点:

1.连写格式中颜色属性可以省略,省略之后默认就是黑色

2.连写格式中样式不能省略,省略之后就看不到边框了

3.连写格式中宽度可以省略,省略之后还是可以看到边框

原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9179206.html