本文目錄導讀：

1. 使用text-shadow屬性
2. 使用background-image屬性
3. 使用position屬性

CSS3文字在圖片上的書寫方法

CSS3提供了多種方法將文字書寫在圖片上，以下是其中的幾種方法：

使用text-shadow屬性

text-shadow屬性可以將文字以陰影的形式書寫在圖片上，其語法如下：

text-shadow: h-shadow v-shadow blur color;

h-shadow和v-shadow分別表示水平和垂直陰影的位置，blur表示陰影的模糊程度，color表示陰影的顏色，以下代碼可以將文字以藍色的陰影形式書寫在圖片上：

text-shadow: 2px 2px 4px blue;

使用background-image屬性

background-image屬性可以將圖片作為背景，然后將文字書寫在這個背景上，以下代碼可以將文字書寫在一張背景圖片上：

background-image: url('image.jpg');

可以使用偽元素（如::before或::after）將文字添加到這個背景上：

::before {
  content: '這是一段文字';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

使用position屬性

position屬性可以將文字定位在圖片上的任意位置，以下代碼可以將文字定位在圖片的右下角：

position: absolute;
right: 0;
bottom: 0;

可以使用padding或margin屬性調(diào)整文字與圖片邊緣的距離。

是CSS3中常見的將文字書寫在圖片上的方法，可以根據(jù)具體需求選擇適合的方法。