CSS中怎么让文字在图片上在web设计中,我们经常需要在图片上显示一些文字,这时候我们就需要使用CSS来实现这个效果。下面介绍一下如何使用CSS让文字在图片上。首先,我们需要将图片和文字都包裹在一个父
<div class="image-container"> <img src="path/to/image.jpg" alt="image"> <p>这是图片上的文字</p> </div> .image-container { position: relative; }
<div class="image-container"> <img src="path/to/image.jpg" alt="image"> <p class="image-text">这是图片上的文字</p> </div> .image-container { position: relative; } .image-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
粉丝
0
关注
0
收藏
0