CSS教程

CSS_9——轮廓outline(简单记录)

本文主要是介绍CSS_9——轮廓outline(简单记录),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1. 轮廓

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

最大的作用:用于交互

CSS 的 outline 属性是在一条声明中设置多个轮廓属性的简写属性 , 例如 outline-style, outline-widthoutline-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(简单记录)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!