css怎么将文字叠加在图片上

html-css026

css怎么将文字叠加在图片上,第1张

可以把图片作为文字那个块标签的背景图片或者你把图片和文字都放在一个同一个div 里面然后给图片和文字加上定位，然后文字的图层比图片的图层位置高就行了

第一种

<style>

.div{width: 200pxheight: 200pxbackground: url("图片路径") no-repeat}

</style>

<div class="div">

<p>你的文字内容</p>

</div>

第二种

<style>

.div{width: 200pxheight: 200pxposition: relativez-index: 0}

.div img{position: absolutetop: 0left: 0width: 100pxheight: 100px}

.div p{position: absolutetop: 0left: 0z-index: 10}

</style>

<div class="div">

<img src="图片路径" alt="#">

<p>你的文字内容</p>

</div>

朋友：

修改字和字的距离

---------------

#m_blog div.cnt p {line-height:255%letter-spacing:2emmargin:0 0 15 0}

----------------

（1）2em可以改成别的，单位可以是px，em,pt.....

（2）把以上代码加入到CSS编辑器任意一个位置。

（3）字和字的距离可以用修改数字来改动。