http://dabblet.com/gist/525eb8e9cdade71723c1
可以利用box-shadow創(chuàng)建多層邊框,
box-shadow:0 0 0 15px #655, //第一層邊框?
? ? ? ? ? ? ? ? ? ? ?0 0 0 25px deeppink, ? //第二層邊框? ? ? ?
? ? ? ? ? ? ? ? ? ? ?0 2px 5px 25px rgba(0,0,0,.6); //在最外層增加陰影
background:yellowgreen;
border:10px solid #655;
outline:5px solid deeppink;//用一層Border一層outline可以實現(xiàn)相同的效果
其中如果設(shè)定outline-offset屬性,可以設(shè)定簡單的描邊效果,
background:yellowgreen;
outline:1px dashed deeppink;
outline-offset:-10px; //內(nèi)部描邊效果