CSS是一種強(qiáng)大的樣式語言，用于為HTML文檔添加各種視覺效果。其中，用CSS來在頁面中添加上標(biāo)圖片也非常簡單。

sup {
position: relative; /* 設(shè)置相對定位 */
top: -0.5em; /* 向上移動0.5em */
font-size: 0.8em; /* 設(shè)置字體大小 */
line-height: 1; /* 設(shè)置行高 */
}
sup::before { /* 使用偽元素添加上標(biāo)圖片 */
content: "^"; /* 設(shè)置圖片內(nèi)容，可以是其他文字或圖像 */
position: absolute; /* 設(shè)置絕對定位 */
top: -0.5em; /* 向上移動0.5em */
left: -0.25em; /* 向左移動0.25em */
font-size: 0.6em; /* 設(shè)置字體大小，根據(jù)需要調(diào)整 */
}

我們先通過CSS的相對定位和top屬性，將上標(biāo)文字向上移動，然后通過設(shè)置字體大小和行高，使其與正常文字大小相匹配。接著，使用偽元素::before為上標(biāo)文字添加圖片，設(shè)置絕對定位和top、left屬性控制圖片的位置，font-size屬性設(shè)置圖片大小。

使用這些CSS代碼，我們可以很輕松地在網(wǎng)頁中添加上標(biāo)圖片，讓文本效果更加豐富引人。需要提醒一下的是，如果不需要在所有sup標(biāo)簽中使用上標(biāo)圖片，可以將代碼放在一個class中，只在需要使用的地方引入該class即可。