在網頁設計中，為了讓圖片更加生動、形象，我們常常會添加一些文字或者標注在圖片上。在這種情況下，我們就需要使用 CSS 來實現這一功能。

在 CSS 中，我們可以使用position屬性來設置文字在圖片上的位置。通常情況下，我們會將圖片設置為position: relative;，然后在文字上面添加一個絕對定位的<span>元素。如下所示：

img {
position: relative;
}
span {
position: absolute;
top: 0;
left: 0;
color: #fff;
font-size: 16px;
background-color: rgba(0, 0, 0, 0.7);
padding: 5px;
}

上面的代碼中，我們首先將圖片設置為相對定位，并且將要放置的文字使用絕對定位。我們設置了文字的位置為圖像的左上角，同時設置了文字的顏色、背景色、字體大小和 padding 值。

此外，如果你想要在圖片上添加鏈接，可以將包裹圖片和文字的<div>元素設置成塊級元素（display: block;），然后為其添加鏈接即可。如下所示：

div {
display: block;
}
a {
display: block;
height: 100%;
width: 100%;
}

上面的代碼中，我們將包裹圖片和文字的<div>元素設置成了塊級元素，并且為其添加了鏈接。在 a 標簽中，我們設置了寬度和高度均為 100%，這樣鏈接就會覆蓋整個包裹元素。

總之，在使用 CSS 在圖片上添加文字或鏈接時，要靈活運用位置和定位屬性，同時注意控制好文字的樣式效果，使得整體效果更加美觀。