CSS_9——轮廓outline（简单记录）

1. 轮廓

不属于元素尺寸的一部分，并不会影响页面的布局

最大的作用：用于交互

CSS 的 outline 属性是在一条声明中设置多个轮廓属性的简写属性 ， 例如 outline-style, outline-width 和 outline-color。


outline: solid;


outline: dashed red;


outline: 1rem solid;


outline: thick double #32a1ce;


outline: 8px ridge rgba(170, 50, 220, .6);
border-radius: 2rem;

image-20210823003147597

image-20210823003234994

image-20210823003242374

image-20210823003309192

image-20210823003319633

2. 参考

outline

posted @ 2021-08-24 22:57  Nadir-Echo  阅读(173)  评论(0)    收藏  举报