CSS中圖像描邊和陰影的寫法

在CSS中，我們可以使用border-style屬性來實(shí)現(xiàn)圖像的描邊效果，同時(shí)使用box-shadow屬性來添加陰影效果。

我們來看如何實(shí)現(xiàn)圖像的描邊，假設(shè)我們有一個(gè)圖像，它的HTML標(biāo)簽是<img id="image" src="image.jpg" />，我們可以使用CSS來給它添加描邊效果：

#image {
    border-style: solid; /* 描邊樣式 */
    border-width: 5px; /* 描邊寬度 */
    border-color: #000; /* 描邊顏色 */
}

這段CSS代碼會(huì)給圖像添加一層黑色的描邊，寬度為5像素，你可以根據(jù)需要調(diào)整描邊的樣式、寬度和顏色。

我們來看如何添加陰影效果，陰影效果可以通過box-shadow屬性來實(shí)現(xiàn)：

#image {
    box-shadow: 10px 10px 5px #000; /* 陰影偏移量、模糊度、擴(kuò)展距離和顏色 */
}

這段CSS代碼會(huì)給圖像添加一層黑色的陰影，偏移量為10像素，模糊度為5像素，擴(kuò)展距離為10像素，同樣，你也可以根據(jù)需要調(diào)整這些值。

需要注意的是，box-shadow屬性在IE瀏覽器中不被支持，如果你需要兼容IE瀏覽器，可能需要使用其他方法來實(shí)現(xiàn)陰影效果。