在CSS中，您可以使用***定位（absolute positioning）來(lái)在圖片的左側(cè)添加文字，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div class="image-with-text">
  <img src="your-image-url" alt="Your Image">
  <div class="text">Your Text</div>
</div>

CSS代碼：

.image-with-text {
  position: relative;
  width: 300px; /* 您可以根據(jù)需要設(shè)置圖片的寬度 */
  height: 200px; /* 您可以根據(jù)需要設(shè)置圖片的高度 */
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.image-with-text .text {
  position: absolute;
  left: 0; /* 文字會(huì)出現(xiàn)在圖片的左側(cè) */
  top: 0; /* 文字會(huì)出現(xiàn)在圖片的上側(cè) */
  width: 100%; /* 文字會(huì)占據(jù)圖片的整個(gè)寬度 */
  height: 100%; /* 文字會(huì)占據(jù)圖片的整個(gè)高度 */
  background-color: rgba(255, 255, 255, 0.5); /* 設(shè)置文字背景色為半透明白色 */
  padding: 10px; /* 設(shè)置文字的內(nèi)邊距 */
  box-sizing: border-box; /* 讓padding和border在寬度和高度內(nèi)計(jì)算 */
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)包含圖片和文字的div元素，圖片通過(guò)img標(biāo)簽引入，文字則通過(guò)另一個(gè)div元素添加，我們使用CSS的position: absolute;屬性將文字定位在圖片的左側(cè)，并通過(guò)left: 0;和top: 0;屬性確保文字始終位于圖片的左側(cè)和上側(cè)，我們還設(shè)置了一些樣式屬性，如背景色、內(nèi)邊距等，以增強(qiáng)文字的可讀性。