在CSS的开发中,alt属性常常被用到。它是用于提供图片的文字说明,以帮助那些无法观看图片的用户阅读内容。在CSS中,我们可以通过CSS选择器来编辑alt属性。 首先,我们需要在HTML中添加img标
<img src="/example/image.jpg" alt="这是一个茶杯圆周">
p img[alt] {<br> border: 1px solid black;<br> background-color: #cccccc;<br>}
.thumbnail img[alt]:hover:after {<br> display: block;<br> height: 25px;<br> width: 100%;<br> content: attr(alt);<br> color: white;<br> background-color: rgba(0, 0, 0, 0.8);<br> padding: 5px;<br> position: absolute;<br> left: 0;<br> top: 100%;<br> z-index: 100;<br> transition: all 0.2s ease-in-out;<br>}
粉丝
0
关注
0
收藏
0