CSS3——圆角、阴影

1、新特性浏览器支持

浏览器内核	浏览器	CSS3前缀
Webkit	Safari、Chrome	-webkit-
Gecko	Firefox	-moz-
Presto	Opera	-o-
Trident	IE	-ms-

 

 

 

 

 

 

2、圆角边框border-radius

       分为水平值和垂直值

• border-top-left-radius——左上角的形状
• border-top-right-radius——右上角的形状
• border-bottom-left-radius——左下角的形状
• border-bottom-right-radius——右下角的形状
• border-radius——设置一个值可以制作出一个胶囊形状

3、阴影box-shadow

box-shadow：（inset/outset）水平偏移 垂直偏移  模糊距离  颜色；

• inset —— 可选，内部阴影；
• outset —— 默认值，外部阴影