今天我們來講一下在css圖片上加字的方法。首先我們需要在html中添加一個img標簽，它里面的src屬性指向我們想要添加文字的圖片。 ```

<img src="example.jpg" alt="example">

``` 接下來，在我們的css文件中，我們需要使用position屬性將img標簽定位。 ```

img {
position: relative;
}

``` 然后，我們就可以使用::before和::after偽元素來在圖片上添加文字了。::before偽元素表示在元素前面添加內容，::after偽元素表示在元素后面添加內容。 ```

img::before {
content: "文字";
position: absolute;
top: 0;
left: 0;
color: white;
font-size: 24px;
}

``` 最后，我們可以根據需求對文字的樣式進行調整，例如改變字體、大小、顏色等等。值得注意的是，在添加文字時需要使用position屬性，以便控制文字的位置。 總的來說，在css圖片上加字可以增加圖片的表現力，讓圖片更具有視覺沖擊力。希望本篇文章能對大家有所幫助。