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：定義左下角的弧度。
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）改為內部陰影。
border-image屬性：用來構建美麗的可擴充套件按鈕
語法：：border-image:source slice width outset repeat;
相容性：ie不相容，firefox，chrome，safari6+，opera不相容
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;
CSS3邊框與圓角
border radius屬性 box shadow屬性 屬性值描述h shadow 設定陰影在水平方向上的偏移量 v shadow 設定陰影在豎直方向上的偏移量 blur 設定由陰影的邊框往陰影內部x長度進行漸變，x為blur的值 spread 設定原本的陰影圖案往上下左右四個方向分別擴充套件x長...
CSS3邊框與圓角
乙個最多可指定四個border radius屬性的復合屬性，這個屬性允許你為元素新增圓角邊框！語法 border radius 1 4 length 1 4 length 相容性 ie9 firefox4 chrome safari5 opera 四個值 左上，右上，右下，左下 三個值 左上，右上和...
CSS3圓角邊框
本文介紹border radius的使用 應用 特殊圓形的製作等！1.水平和垂直半徑一樣 border radius只設定乙個值 四個圓角相同 border radius設定兩個值 斜對角相同 border radius設定三個值 top right和bottom left相同 border rad...