在img的圖片上添加文字


解決方法一:將img塊與文字塊放在同一個div中,然后設置他們之前的位置


1 <div style="position: relative;width: 160px;height:200px">
2 <div style="position: absolute;width: 160px;z-index: 2;left: 20px;top: 25px;>---添加文字----</div>
3 <img src="http://yanxuan.nosdn.127.net/713daad73395a4f3d06f5dd07ed927d4.jpg" alt="">
4</div>

解決方法二:將image作為背景圖片,即background-image:url("…………");

 在此可以控制背景圖片的橫向和縱向的平鋪:
  

 

 

結果示例截圖

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM