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;