CSS是網(wǎng)頁設(shè)計(jì)必備技能之一，除了布局之外，也可以為網(wǎng)頁增加一些圖片效果。下面我們將介紹幾種常見的CSS圖片效果。

1. 邊框效果

/* 為圖片添加邊框 */
img {
border: 1px solid #ccc;
}

2. 圓角效果

/* 為圖片添加圓角 */
img {
border-radius: 50%;
}

3. 投影效果

/* 為圖片添加投影 */
img {
box-shadow: 2px 2px 5px #ccc;
}

4. 透明度效果

/* 設(shè)置圖片透明度 */
img {
opacity: 0.5;
}

5. 濾鏡效果

/* 為圖片添加濾鏡 */
img {
filter: grayscale(100%);
}

6. 變形效果

/* 為圖片添加變形效果 */
img {
transform: rotate(30deg);
}

總之，通過CSS可以為圖片添加各種效果，以實(shí)現(xiàn)不同的設(shè)計(jì)需求。