CSS圖片邊框裝飾

在CSS中，我們可以使用多種方法來給圖片添加邊框，從而增加圖片的視覺效果和吸引力，以下是一些常用的方法：

1、使用border屬性

CSS的border屬性可以用來給圖片添加邊框，它支持多種邊框樣式，如實線、虛線、點線等，我們可以使用以下代碼來給圖片添加實線邊框：

img {
  border: 2px solid #000;
}

這個代碼會添加一條2像素寬的黑色實線邊框到圖片上。

2、使用box-shadow屬性

CSS的box-shadow屬性不僅可以用來給圖片添加陰影，還可以用來添加邊框，它支持多種陰影和邊框樣式，如內陰影、外陰影和邊框，我們可以使用以下代碼來給圖片添加一條2像素寬的黑色邊框：

img {
  box-shadow: 0 0 0 2px #000;
}

這個代碼會添加一條2像素寬的黑色邊框到圖片上，并且邊框樣式類似于實線。

3、使用filter屬性

CSS的filter屬性可以用來給圖片添加多種效果，包括邊框效果，我們可以使用以下代碼來給圖片添加一條2像素寬的黑色邊框：

img {
  filter: border(2px solid #000);
}

這個代碼會添加一條2像素寬的黑色邊框到圖片上，并且邊框樣式類似于實線，需要注意的是，filter屬性的兼容性不如前兩種方法，但在一些新的瀏覽器版本中得到了支持。

除了以上三種方法外，還有其他一些方法可以給圖片添加邊框，如使用偽元素、使用背景圖像等，這些方法可以根據具體的需求和場景來選擇使用。