CSS 是網(wǎng)頁(yè)美化中不可或缺的一部分，除了用來(lái)設(shè)置文字的樣式，它還能用來(lái)設(shè)置圖片的樣式。在這里，我們將使用 CSS 來(lái)設(shè)置圖片小標(biāo)簽。

img {
position: relative; /* 設(shè)置 img 的定位方式為相對(duì)定位 */
}
img::after { /* 偽元素，用來(lái)設(shè)置圖片小標(biāo)簽 */
content: "標(biāo)簽"; /* 設(shè)置小標(biāo)簽的內(nèi)容 */
background-color: #333; /* 設(shè)置小標(biāo)簽的背景色 */
color: #fff; /* 設(shè)置小標(biāo)簽的文字顏色 */
font-size: 12px; /* 設(shè)置小標(biāo)簽的字體大小 */
padding: 4px; /* 設(shè)置小標(biāo)簽的內(nèi)邊距 */
position: absolute; /* 設(shè)置小標(biāo)簽的定位方式為絕對(duì)定位 */
bottom: 0; /* 設(shè)置小標(biāo)簽距離底部為 0 */
right: 0; /* 設(shè)置小標(biāo)簽距離右側(cè)為 0 */
}

在上面的代碼中，我們將 img 的定位方式設(shè)置為相對(duì)定位，而將偽元素 img::after 的定位方式設(shè)置為絕對(duì)定位。這樣，小標(biāo)簽就會(huì)相對(duì)于圖片來(lái)定位。

另外，我們還可以通過(guò) CSS 來(lái)設(shè)置小標(biāo)簽的樣式，如設(shè)置小標(biāo)簽的邊框、陰影效果等。這樣，就能讓圖片與小標(biāo)簽更加協(xié)調(diào)和美觀。