hooyantsing's Blog

P41_5_元素边框的使用规范

字数统计: 123阅读时长: 1 min
2020/04/12

P41 5 元素边框的使用规范

border-style

border-top-style

border-bottom-style

border-left-style

border-right-style

定义边框样式

**2d16c982ae8884a04867bfeb687c0c05.png

**

1
2
// 双线 | 实线 | 三维立体效果
border-style: double | solid | groove;

border-width

border-top-width

border-bottom-width

border-left-width

border-right-width

定义边框粗细

1
border-width: ?px;

border-color

**border-top-**color

**border-bottom-**color

**border-left-**color

**border-right-**color

定义边框颜色

1
border-color: red;

border

border-top

border-bottom

border-left

border-right

简写定义边框

1
2
参数: style样式 width粗细 color颜色
border: double 10px red;
CATALOG