在网页制作中,有时需要把文字放在图片上方,以增加图片的信息量和美观度。这时就需要用到CSS。首先,在HTML中嵌套一个图片和一段文字:<div class= container &
<div class="container"> <img src="image.jpg"> <p>这是图片上方的文字。</p> </div>
.container { position: relative; } .container p { position: absolute; top: 0; left: 0; padding: 10px; color: #fff; background-color: rgba(0, 0, 0, 0.5); }
粉丝
0
关注
0
收藏
0