### 多重邊框：box-shadow
貼合圓角，任意數量，實線邊框（個人習慣：添加inset，然后通過padding添加box-shadow所需的空間，因為box-shadow并不會影響布局，不占據空間，放在外圍無法響應事件）
```
<style>
div{
width: 200px;
height: 200px;
background-color: yellowgreen;
margin: 20px auto;
padding: 20px;
box-shadow: 0 0 0 10px #655 inset,0 0 0 20px deeppink inset;
}
</style>
<div></div>
```
### 雙層邊框：outline
不貼合圓角，跟邊框加起來最多兩層，邊框樣式靈活，跟border寫法一致，不占據盒子模型空間，可設置outline-offset負值實現內嵌(縫邊效果)
```
<style>
div{
width: 200px;
height: 200px;
background-color: yellowgreen;
margin: 20px auto;
border: 10px solid #665;
outline: 10px solid deeppink;
}
</style>
<div></div>
```
```
<style>
div{
width: 200px;
height: 200px;
background-color: #333;
margin: 20px auto;
outline: 1px dashed #fff;
outline-offset: -10px;
}
</style>
<div></div>
```
