半透明顏色：rgba()、hsla()

代碼：

{

border:10px dashed rgba(255,0,0,0.3);

? ? width:200px;

? ? padding:10px;

? ? background: pink;

? }

效果如圖：

問題：background默認(rèn)延伸到邊框的外線處。

解決辦法：background-clip:?padding-box;效果如圖：

該屬性有三個值：padding-box、 border-box（默認(rèn)值）、content-box