html设置轮廓样式,css如何设置图⽚轮廓
css设置图⽚轮廓的⽅法:可以利⽤outline属性来进⾏设置,如【outline:green dotted thick;】。outline是绘制于元素周围的⼀条线,位于边框边缘的外围,可起到突出元素的作⽤。
本教程操作环境:Windows7系统、css3版,本⽂适⽤于所有品牌的电脑。
相关属性:html如何设置图片滚动
outline(轮廓)是绘制于元素周围的⼀条线,位于边框边缘的外围,可起到突出元素的作⽤。
(学习视频分享:css视频教程)
outline简写属性在⼀个声明中设置所有的轮廓属性。
可以设置的属性分别是(按顺序):outline-color, outline-style, outline-width
如果不设置其中的某个值,也不会出问题,⽐如 outline:solid #ff0000; 也是允许的。
属性值:outline-color 规定边框的颜⾊。参阅:outline-color 中可能的值。
outline-style 规定边框的样式。参阅:outline-style 中可能的值。
outline-width 规定边框的宽度。参阅:outline-width 中可能的值。
inherit 规定应该从⽗元素继承 outline 属性的设置。
代码实现:
img{
border:1px solid red;
outline:green dotted thick;
}
1.jpg
效果:
相关推荐:CSS教程

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。