CSS可以為圖片添加標(biāo)簽，以實(shí)現(xiàn)對(duì)圖片的描述、分類(lèi)或標(biāo)注等功能，以下是一些常用的CSS技巧，可以幫助您為圖片添加標(biāo)簽：

1、使用HTML的<figure>元素和CSS的position屬性：

<figure class="image-with-label">
    <img src="image.jpg" alt="Image Description">
    <figcaption class="image-label">Image Label</figcaption>
</figure>

在CSS中，您可以設(shè)置position屬性為absolute，將<figcaption>元素定位在圖片的下方：

.image-with-label {
    position: relative;
    display: inline-block;
}
.image-label {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #000;
    border-radius: 5px;
}

2、使用CSS的::after偽元素：

如果您不想使用<figcaption>元素，可以使用::after偽元素在圖片后面添加標(biāo)簽。

.image-with-label::after {
    content: "Image Label";
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #000;
    border-radius: 5px;
}

3、使用CSS的text-decoration屬性：

您還可以使用text-decoration屬性為圖片添加下劃線或上劃線等裝飾效果。

.image-with-label {
    text-decoration: underline;
}

是一些常用的CSS技巧，可以幫助您為圖片添加標(biāo)簽，您可以根據(jù)自己的需求選擇適合的方法。