今天我們來談論一下如何使用CSS給圖片添加水印。加水印的目的是為了保護圖片的版權，同時也可以讓圖片更具有專業性。 首先，我們需要在HTML中引入一張圖片。代碼如下：

<img src="image.jpg" alt="圖片">

接著，我們在CSS中通過偽類 :after 給圖片添加水印。代碼如下：

img:after {
content: '水印文字';
font-size: 16px;
color: #FFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.5;
}

上述代碼中，我們使用了 content 屬性來添加水印文字。font-size 控制文字大小，color 控制文字顏色。通過 position、top、left 和 transform 來定位水印文字。使用 opacity 來調整水印的透明度。 完整代碼如下：

<style>
img:after {
content: '水印文字';
font-size: 16px;
color: #FFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.5;
}
</style>
<img src="image.jpg" alt="圖片">

通過添加上述代碼，我們可以在圖片上添加水印，起到保護版權和提升圖片專業性的效果。