CSS是一種強大的前端技術，可以為網站提供豐富的樣式和交互效果。在網站中，圖片是一種非常常見的元素，而給圖片加注釋是讓用戶更好地了解圖片意義的一種方式。本文將介紹如何使用CSS來為圖片添加注釋。
首先，我們需要一個含有圖片的HTML元素。在這個元素中，我們可以使用`![]()
`標簽或者`
`標簽加上CSS`background-image`屬性來添加圖片。例如：
<div class="img-box" style="background-image:url('example.jpg')"></div>`元素來包含圖片和注釋，并使用CSS的`position`屬性來相對定位，將注釋放置在圖片上方或下方。例如：
<div class="img-box" style="background-image:url('example.jpg')">
<div class="img-caption">這是一張示例圖片</div>
</div>.img-caption {
position: absolute;
top: 0;
left: 0;
background-color: black;
color: white;
opacity: 0.8;
font-size: 18px;
padding: 10px;
}.img-box {
position: relative;
width: 500px;
height: 300px;
}