CSS中可以使用position屬性來(lái)讓文字浮在圖片上,具體實(shí)現(xiàn)步驟如下:
1、在HTML中創(chuàng)建一個(gè)包含圖片和文字的容器。
<div class="container"> <img src="image.jpg" alt="圖片"> <p class="text">文字描述</p> </div>
2、在CSS中設(shè)置容器的position屬性為relative,這樣可以讓文字相對(duì)于容器進(jìn)行定位。
.container { position: relative; }
3、將文字的position屬性設(shè)置為absolute,這樣可以讓文字懸浮在圖片上方。
.text { position: absolute; top: 0; left: 0; }
4、可以根據(jù)需要調(diào)整文字的top和left屬性,以改變文字在圖片上的位置。
.text { top: 10px; left: 20px; }
通過(guò)以上步驟,就可以使用CSS讓文字浮在圖片上了。