本文目錄導(dǎo)讀：

1. 使用CSS的偽元素
2. 使用CSS的filter屬性

CSS在圖片上寫文字的方法

CSS是一種強(qiáng)大的樣式表語(yǔ)言，可以用來(lái)描述HTML文檔的樣式和布局，除了用于樣式描述，CSS還可以在圖片上寫文字，下面是一些關(guān)于如何在圖片上寫文字的方法。

使用CSS的偽元素

CSS的偽元素可以用來(lái)在圖片上添加文字，常見的偽元素包括::before和::after，它們可以在元素的內(nèi)容前后添加內(nèi)容，可以在圖片后面添加文字：

img::after {
  content: "這是圖片上的文字";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(255,255,255,0.5);
  color: #000;
  text-align: center;
  line-height: 2;
}

二、使用CSS的text-decoration屬性

CSS的text-decoration屬性可以用來(lái)在圖片上添加下劃線、上劃線、刪除線等裝飾效果，可以在圖片上的文字添加下劃線：

img {
  text-decoration: underline;
}

使用CSS的filter屬性

CSS的filter屬性可以用來(lái)對(duì)圖片進(jìn)行處理，包括添加文字，可以在圖片上添加一些文字：

img {
  filter: url(#myFilter);
}

#myFilter是一個(gè)SVG濾鏡，可以在SVG中使用text元素添加文字，這種方法可以實(shí)現(xiàn)復(fù)雜的文字效果，但需要一定的SVG知識(shí)。

CSS提供了多種在圖片上寫文字的方法，可以根據(jù)具體需求選擇適合的方法。