CSS如何设定元素轮廓的样式、颜色和宽度

这篇文章主要介绍CSS如何设定元素轮廓的样式、颜色和宽度，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

CSS 轮廓
CSS outline 属性规定元素轮廓的样式、颜色和宽度。
轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

在元素周围画线

p {
    border: red solid thin;
    outline: #00ff00 dotted thick;
}

设置轮廓的样式和颜色

p {
    border: red solid thin;
    outline-style: dotted;
    outline-color: #00ff00;
}

设置轮廓的样式和宽度

p.one {
    border: red solid thin;
    outline-style: solid;
    outline-width: thin;
}
p.two {
    border: red solid thin;
    outline-style: dotted;
    outline-width: 3px;
}

CSS 轮廓 属性及描述
outline：在一个声明中设置所有的轮廓属性。
outline-color：设置轮廓的颜色。
outline-style：设置轮廓的样式。
outline-width：设置轮廓的宽度。

以上是“CSS如何设定元素轮廓的样式、颜色和宽度”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！