CSS之边框及盒子效果

1 border-radius

语法：

E {border-v-h-radius: x y;}   /* v:[top, bottom], h:[left, right] */

2 border-image-source

语法：

E {border-image-source: url();}

3 border-image-slice

语法：

E {border-image-slice: value;}

E {border-image-slice: value fill;}

4 border-image-width

语法：

E {border-image-width: value;}

5 border-image-outset

语法：

E {border-image-outset: value;}

6 border-image-repeat

E {border-image-repeat: keyword;}      /* keyword: stretch(默认值）, repeat, round */

7 边框背景简写语法

E {border-image: source slice / width / outset repeat;}

8 盒子阴影效果

语法：

E {box-shadow: inset horizontal vertical blur-radius spread color;}