在网页设计中,我们经常会遇到需要将文字放到图片中的需求。这时候,CSS就派上用场了。下面就来详细介绍如何实现这个效果。首先,我们需要准备一张图片和一段文字。为了操作方便,我们将图片和文字都放到一个di
<div class="container"> <img src="example.jpg"> <p>这是一段文字。</p> </div>
.container { position: relative; }
.container { position: relative; } p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; }
<div class="container"> <img src="example.jpg"> <p>这是一段文字。</p> </div> .container { position: relative; } p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; }
粉丝
0
关注
0
收藏
0