使用CSS可以實現(xiàn)很多圖片效果，如圓角、陰影、邊框等。下面我們來看一些常用的圖片效果實現(xiàn)方法。

/* 圓角 */
img {
border-radius: 50%;
}
/* 陰影 */
img {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
/* 邊框 */
img {
border: 1px solid #ccc;
}
/* 濾鏡 */
img {
filter: grayscale(100%);
}

上述代碼中，border-radius屬性可以實現(xiàn)圖片圓角效果，值為50%時可實現(xiàn)圓形圖片。而box-shadow屬性可以實現(xiàn)圖片陰影效果，通過設(shè)置屬性值中的x和y值控制陰影位置，blur值控制模糊度，spread值控制陰影范圍。

圖片邊框可以通過border屬性實現(xiàn)，可以設(shè)置邊框?qū)挾取㈩伾?、樣式等。而濾鏡可以通過filter屬性實現(xiàn)，具體效果可以通過設(shè)置不同的濾鏡函數(shù)來實現(xiàn)，如grayscale()、blur()等。