### 給有背景的元素添加半透明邊框，但不使其透過當前元素的背景，則按照一般寫法即可border-color為半透明色
```
<style>
div{
width: 100px;
height: 100px;
background-color: red;
border: 10px solid rgba(255,255,255,0.5);
}
<style>
<div></div>
```
### 給有背景的元素添加半透明邊框，想讓半透明邊框透過當前元素的背景，則添加background-clip: padding-box,該屬性的默認值為border-box
```
<style>
div{
width: 100px;
height: 100px;
background-color: red;
border: 10px solid rgba(255,255,255,0.5);
background: padding-box;
}
<style>
<div></div>
```
