hooyantsing's Blog

P43_7_轮廓线使用技巧

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

P43 7 轮廓线使用技巧

轮廓线(outline)边框线(border)的区别:轮廓线不占据空间。

14b008be5bc0f926364f0cdd70cb62de.png

outline-style

轮廓线样式

1
outline-style: double;

outline-width

轮廓线粗细

1
outline-width: 20px;

outline

轮廓线简写形式

1
2
3
4
//参数:style样式 width粗细 color颜色
outline: solid 3px red;
//去除轮廓线
outline: none;
CATALOG