html中图片样式设置,css如何设置图片的轮廓样式？

轮廓(outline)是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。css如何设置图片的轮廓样式？下面本篇文章给大家介绍一下，希望对大家有所帮助。

css如何设置图片的轮廓样式？

在CSS中，可以使用outline 属性来给图片添加轮廓，并设置轮廓的样式。CSS outline 属性可以规定元素轮廓的样式、颜色和宽度。

outline是一个简写属性，可以在一个声明中设置所有的轮廓属性。

可以设置的属性分别是(按顺序)：outline-color(规定轮廓的颜色)，outline-style(规定轮廓的样式)，outline-width(规定轮廓的宽度)。

如果不设置其中的某个值，也不会出问题，比如 outline:solid #ff0000; 也是允许的。

示例：

img{

border:1px solid red;

outline:green dotted thick;

}

效果图：

更多web前端知识，请查阅 HTML中文网 ！！