我创建了一个文本,我希望它在图像内(不再重复)。我希望将其放置在中心的另一个图像中,所有四个侧面,而不仅仅是两侧。这是代码。它就像背景更大的图像(500x500),前景图像(250x250)和不透明度前景图像顶部的文本。
CSS:
div.background
{
width:500px;
height:500px;
display:block;
margin-left:auto;
margin-right:auto;
background-color:LimeGreen;
}
div.box
{
margin:5px;
width:250px;
height:250px;
background-color:white;
border:5px dotted white;
opacity:0.5;
}
HTML
<div class="background">
<div class="box">
<p>image inside another image</p>
<br />
</div>