css設置文字在圖片上面的方法:
1.使用兩個div分別存放圖片和文字,使用絕對定位的方式將文字顯示在圖片上。
<!DOCTYPE html><html>
<head>
</head>
<body>
<div style="position:relative;width:100px;height:100px;">
<img src="1.jpg" alt="1.jpg" />
<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字文字文字
</div>
</div>
</body>
</html>
2.使用圖片作為div的背景即可將文字顯示在圖片上。
<!DOCTYPE html><html>
<head>
</head>
<body>
<div style="background:url(1.jpg) no-repeat left top;">
文字文字文字
</div>
</body>
</html>