CSS文字排版技巧

在CSS中，我們可以使用多種方法將文字放到圖上，以下是一些常用的技巧：

1、使用position屬性：我們可以將文字元素設置為***定位（absolute），并將其定位到圖片上的某個位置，將文字定位到圖片的中心：

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

2、使用text-shadow屬性：我們可以使用text-shadow屬性為文字添加陰影，并將其放置到圖片上的某個位置，將文字放置到圖片的右下角：

.text {
  text-shadow: 2px 2px 4px #000;
  position: relative;
  bottom: 10px;
  right: 10px;
}

3、使用背景圖像：我們可以將文字元素設置為一個背景圖像，并將文字放置到該背景圖像的某個位置，將文字放置到背景圖像的左上角：

.text {
  background-image: url('image.jpg');
  background-position: left top;
  padding: 20px;
}

這些技巧可以幫助我們輕松地將文字放到圖上，并使其排版工整、清晰易懂，我們還可以根據具體的需求和場景選擇適合的技巧進行組合使用，以達到更好的效果。