摘要：這是默認(rèn)值背景圖片延伸到邊框，但是圖片的起始位置是從開始的。偏移差別很明顯吧問題是背景圖片定位在右下角，據(jù)底部和右邊，且容器大小不固定解決方案一種方法是在偏移量前面指定關(guān)鍵字。更改元素寬高，邊框依然是連續(xù)的。

background-clip: [border-box] |[padding-box] | [content-box];

hsla(<色相>, <飽和度>, <明度>, <透明度>)
色相：0~360
飽和度：0%~1000% (0的時(shí)候也要加%！！！不然會出錯(cuò))
明度： 0%（黑色）~100%（白色）
透明度：0~1

#### 難題：
正常情況下，想要達(dá)到半透明邊框的效果，使用

border: 10px solid hsla(0,0%,100%,.5);
background: white;

這種方式不行，因?yàn)楸尘吧由斓絙order下面，半透明的邊框反映的還是背景色。

#### 解決方案：

border: 10px solid hsla(0,0%,100%,.5);
background: white;
background-clip:padding-box;

這樣就使背景只延伸到padding邊沿。
半透明邊框效果圖

box-shadow:none|| inset && [    ];

outline: