在CSS中,我們可以使用多種方法給圖片添加邊框,以下是一些常見的技巧:
1、使用border屬性:
通過CSS的border
屬性,我們可以給圖片添加邊框,給圖片添加2px寬的紅色邊框,可以使用以下代碼:
```css
img {
border: 2px solid red;
}
```
2、使用border-radius屬性:
如果想要讓邊框呈現(xiàn)圓角效果,可以使用border-radius
屬性,給圖片添加20px的圓角邊框:
```css
img {
border: 2px solid red;
border-radius: 20px;
}
```
3、使用box-shadow屬性:
除了邊框,我們還可以使用box-shadow
屬性給圖片添加陰影效果,添加20px的陰影:
```css
img {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
```
4、使用filter屬性:
通過filter
屬性,我們可以給圖片添加多種視覺效果,包括邊框和陰影,添加2px的邊框和20px的陰影:
```css
img {
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5)) border(2px solid red);
}
```
這些技巧可以幫助你在CSS中輕松給圖片添加邊框和視覺效果,你可以根據(jù)自己的需求選擇適合的方法。