本文目錄導讀：

1. CSS圖片邊框
2. CSS圖片陰影

CSS圖片邊框和陰影代碼詳解

在CSS中，我們可以使用border和box-shadow屬性為圖片添加邊框和陰影，下面詳細介紹如何實現這些效果。

CSS圖片邊框

我們可以使用border屬性為圖片添加邊框，border屬性可以接收1到4個值，分別代表邊框的寬度、樣式和顏色。

img {
  border: 2px solid #000;
}

上述代碼會為圖片添加2像素寬的黑色實線邊框。

CSS圖片陰影

我們可以使用box-shadow屬性為圖片添加陰影，box-shadow屬性可以接收1到4個值，分別代表陰影的水平偏移量、垂直偏移量、模糊半徑和顏色。

img {
  box-shadow: 10px 10px 5px #000;
}

上述代碼會為圖片添加10像素水平和垂直偏移量的黑色陰影，模糊半徑為5像素。

綜合應用

我們可以將border和box-shadow屬性綜合應用，為圖片添加邊框和陰影。

img {
  border: 2px solid #000;
  box-shadow: 10px 10px 5px #000;
}

上述代碼會為圖片添加2像素寬的黑色實線邊框，并添加10像素水平和垂直偏移量的黑色陰影，模糊半徑為5像素。