CSS教程

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

本文主要是介绍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

这篇关于CSS_9——轮廓outline（简单记录）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航