CSS是前端開發中的重要一環，它不僅能夠讓我們更好地控制網頁的布局，還能夠讓我們實現一些炫酷的效果。比如，將文字寫在圖上，可以讓我們的文本更加生動有趣。
實現這一效果的方法很簡單，只需要用到CSS中的position屬性和z-index屬性即可。
首先，我們需要給我們要寫在圖上的文字設置一個父元素，比如一個
標簽。然后，給這個父元素設置position屬性，并設置寬度和高度，使它能夠完全覆蓋住我們要寫字的圖形。
.parent{
position:relative;
width:400px;
height:300px;
}接下來，在這個父元素下面添加一個標簽，并給它設置position:absolute屬性，使得它可以脫離文檔流并且相對于父元素定位。然后，我們可以通過left和top屬性來設置它在父元素中的位置。最后，我們需要給這個標簽設置一個z-index屬性，使得它位于父元素之上。
.parent span{
position:absolute;
left:50px;
top:100px;
z-index:1;
}至此，我們已經成功地將文字寫在了圖上。當然，這只是其中一種實現方式，你也可以通過偽元素:before和:after等方式來實現類似的效果。