二、背景和邊框
阿新 • • 發佈:2018-11-13
邊框的技巧
一、半透明邊框
background-color: yellow; border: 10px solid rgba(0,0,0,.1);
但是,背景色會從邊框下面透上來。
優化辦法:剪下背景 background-clip: padding-box;二、多重邊框
1、使用陰影模擬多個邊框 background-color: pink; box-shadow: 0px 0px 0px 10px #888888,0px 0px 0px 15px yellow; 但是新增陰影並不會更改元素的寬高,所以必要時需要新增maging來模擬邊框。 2、使用輪廓模擬兩個邊框背景的技巧 一、有偏移量的背景圖片定位 1、使用background-position