CSS3圆角
border-radius属性：
概念：一个最多可指定四个border-*-radius属性的复合属性，这个属性允许你为元素添加圆角边框！
语法： border-radius:1-4length|%/1-4length|%;
兼容性： IE9+，FireFox4+，Chrome，Safari5+，Opera
CSS3指定每个圆角
多值：
四个值：1-4值分别为“坐上角，右上角，右下角，左下角”；
三个值：1-3值分别为“坐上角，右下角和左下角，右下角”；
两个值：1-2值分别为“坐上角和右下角，右上角和左下角”；
一个值：四个圆角相同。
属性：
border-top-left-radius : 定义坐上角的弧度；
border-top-right-radius：定义右上角的弧度；
border-bottom-right-radius：定义右下角的弧度；
border-bottom-left-radius：定义左下角的弧度。
CSS3盒阴影
box-shadow属性： 可以设计一个或多个下拉阴影的框
语法： box-shadow: h-shadow v-shadow blur spread color inset;
兼容性： IE9+，FireFox4+，Chrome，Safari5+，Opera
h-shadow : 必需。水平阴影的位置，可为负值。
v-shadow: 必需。垂直阴影的位置，可为负值。
blur: 可选。模糊距离。
spread: 可选。阴影的尺寸。
color: 可选。阴影的颜色。
inset: 可选。将外部阴影（outset）改为内部阴影。
CSS3边界图片
border-image属性： 用来构建美丽的可扩展按钮
语法：：border-image:source slice width outset repeat;
兼容性：IE不兼容，FireFox，Chrome，Safari6+，Opera不兼容
CSS3边界图片详解
border-image-source属性：指定要使用的图像，而不是由border-style属性设置的边框样式
语法： border-image-source:none|image；
border-image-slice属性：指定图像的边界向内偏移
语法： border-image-slice:number|%|fill;
border-image-width属性：指定图像边界的宽度
语法： border-image-width:number|%|auto;
border-image-outset属性：指定边框外部绘制border-image-area的量
语法： border-image-outset:length|number;
border-image-repeat属性：该属性用于图像边界是否应重复(repeated），拉伸（stretched）或铺满（rounded）
语法： border-image-repeat:stretch|repeat|round|initial|inherit;