depth understanding of css

A scene, borders translucent, green background

　　Background extends to the lower side of the border where the default

　　

　　css2 we can only accept css3 we can be realized by background-clip property 

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

　Scene Two, multiple border

　　box-shaow: Projection Program Support "," to separate multiple projection

background: yellowgreen;
box-shadow: 0 0 0 10px #655, 0 0 0 15px deeppink;

　　outline plan

background: yellowgreen;
border: 10px solid #655;
outline: 5px solid deeppink;

　　Background location extension program

background: url(code-pirate.svg) no-repeat #58a;
background-position: right 20px bottom 10px;