通過CSS+DIV怎么將文字寫在圖片上方
3 回答
寶慕林4294392
TA貢獻(xiàn)2021條經(jīng)驗(yàn) 獲得超8個(gè)贊
第一種方法、添加一個(gè)DIV，采用絕對定位，圖片所屬DIV為基準(zhǔn)。
參考代碼如下：
1 2 3 4 5 6 | <div style="position:relative;width:100px;height:100px;"> <img src="" alt="" /> <div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;"> 文字 </div> </div> |
第二種方法、圖片作為背景圖片。
參考代碼如下：
1 2 3 | <div style="background:url(abc.jpg) no-repeat left top;"> wenzi </div> |
梵蒂岡之花
TA貢獻(xiàn)1900條經(jīng)驗(yàn) 獲得超5個(gè)贊
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 119px;
top: 14px;
}
-->
</style>
</head>
<body>
<div>此處顯示新 Div 標(biāo)簽的內(nèi)容
<div id="apDiv1">asdfasdf</div>
</div>
</body>
</html>
- 3 回答
- 0 關(guān)注
- 6265 瀏覽
添加回答
舉報(bào)
0/150
提交
取消