HTML文字在图片上显示
生活随笔
收集整理的這篇文章主要介紹了
HTML文字在图片上显示
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
第一種方式是image 作為背景圖片,即:background:url(".......");
例如如下代碼塊:
<span style="font-family:Microsoft YaHei;"><div style="background:url('loading.gif') no-repeat;width:100px;height:50px">添加文字...添加文字...添加文字...</div></span>
第二種方式是將img塊與文字塊(文字塊采用span標簽顯示)放在同一個div 中,然后設置他們之間的位置,例如如下代碼塊: <span style="font-family:Microsoft YaHei;font-size:18px;"><div style="position: relative; width: 170px; height: 89px
第二種方式是將img塊與文字塊(文字塊采用span標簽顯示)放在同一個div 中,然后設置他們之間的位置,例如如下代碼塊: <span style="font-family:Microsoft YaHei;font-size:18px;"><div style="position: relative; width: 170px; height: 89px
總結
以上是生活随笔為你收集整理的HTML文字在图片上显示的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html--图片的链接使用
- 下一篇: 已阅论文汇总:迁移学习