CSS文字浮于圖片設置方法

在CSS中，我們可以使用position屬性來實現(xiàn)文字浮于圖片的效果，具體步驟如下：

1、我們需要將圖片和文字的容器元素（如div）分別設置position屬性為relative。

2、將文字元素設置position屬性為absolute，并設置其top、left、right和bottom屬性，以控制文字在圖片上的位置。

3、如果需要調(diào)整文字的樣式，可以使用其他CSS屬性，如font-size、font-weight和color等。

下面是一個示例代碼：

<div class="image-container">
  <img src="image.jpg" alt="圖片示例">
  <div class="text-container">
    <p>這是一段浮于圖片的文字示例</p>
  </div>
</div>

.image-container {
  position: relative;
}
.text-container {
  position: absolute;
  top: 50px;
  left: 100px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

在上面的代碼中，圖片和文字分別被包含在一個容器元素中，并設置了position屬性，文字容器元素中的p元素設置了position: absolute;，使其浮于圖片上方，并通過top和left屬性控制了文字的位置，還設置了文字的樣式屬性，如font-size、font-weight和color等。

通過以上步驟，我們就可以實現(xiàn)CSS中文字浮于圖片的效果。