在CSS中，我們可以使用相對(duì)定位（relative positioning）或***定位（absolute positioning）來(lái)實(shí)現(xiàn)文字在圖片外的右上角，這里，我們將使用相對(duì)定位作為示例。

我們需要?jiǎng)?chuàng)建一個(gè)包含圖片和文字的HTML結(jié)構(gòu)，在這個(gè)結(jié)構(gòu)中，我們將圖片作為相對(duì)定位的參照物，將文字放置在圖片的右上角。

HTML結(jié)構(gòu)如下：

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

我們使用CSS來(lái)設(shè)置圖片和文字的樣式，我們將圖片設(shè)置為相對(duì)定位，并將文字設(shè)置為***定位，使其位于圖片的右上角。

CSS樣式如下：

.image-wrapper {
  position: relative; /* 圖片設(shè)置為相對(duì)定位 */
  width: 300px; /* 圖片寬度 */
  height: 200px; /* 圖片高度 */
}
.text-wrapper {
  position: absolute; /* 文字設(shè)置為***定位 */
  top: 0; /* 文字距離圖片頂部的距離 */
  right: 0; /* 文字距離圖片右邊的距離 */
  width: 100px; /* 文字寬度 */
  height: 50px; /* 文字高度 */
  background-color: #f0f0f0; /* 文字背景色 */
  padding: 10px; /* 文字內(nèi)邊距 */
  border: 1px solid #000; /* 文字邊框 */
  border-radius: 5px; /* 文字邊框圓角 */
}

在這個(gè)示例中，我們將文字設(shè)置為***定位，使其位于圖片的右上角，通過(guò)調(diào)整top和right屬性，我們可以***地控制文字的位置，我們還設(shè)置了一些樣式屬性，如背景色、內(nèi)邊距、邊框和邊框圓角，以增強(qiáng)文字的可讀性。

這只是一個(gè)簡(jiǎn)單的示例，實(shí)際使用時(shí)可能需要根據(jù)具體需求進(jìn)行調(diào)整，如果圖片的尺寸或形狀發(fā)生變化，可能需要重新調(diào)整文字的位置或樣式。