border - radius
解釋：乙個最多可指定四個border-*-radius屬性的復合屬性，這個屬性允許你為元素新增圓角邊框
語法：border-radius:1~4個length / %
多值情況下：
四個值：1為左上角，2為右上角，3為右下角，4為左下角。
三個值：1為左上角，2為右上角和左下角（對角線），3為右下角。
二個值：1為左上角和右下角，2為右上角和左下角，兩個對角線。
乙個值：四個角一樣，四角相等。
box-shadow
解釋：可以設定或多個下拉陰影的框
語法：box-shadow：h-shadow(水平陰影) v-shadow(豎直陰影) blur(陰影模糊0~1) spread(陰影擴充套件) color(陰影顏色) inset(內陰影，不填預設**影);
border-image
語法：border-image:source slice width outset repeat;
source：指定要使用的影象，值有none或位址 。
slice：指定影象的邊界向內偏移，值有number / % / fill 。
width：指定影象邊界的寬度，值有number / % / auto 。
outset：指定在邊框外部繪製的量，值有length / number 。
repeat：是否重複，值有stretch / repeat / round / initial / inherit 。
css3 邊框圓角陰影漸變
css3堅持漸進增強 從被所有瀏覽器支援的基本功能開始，逐步地新增那些只有新式瀏覽器才支援的功能，向頁面新增無害於基礎瀏覽器的額外樣式和功能。當瀏覽器支援時，它們會自動地呈現出來並發揮作用。原則。相對的是優雅降級原則，即是一開始就構建完整的功能，然後再針對低版本瀏覽器進行相容。css3中新增特性包括...
CSS3盒子陰影box shadow
來自w3cschool的解釋 語法 box shadow h shadow v shadow blur spread color inset 值描述 h shadow 必需。水平陰影的位置。允許負值。v shadow 必需。垂直陰影的位置。允許負值。blur 可選。模糊距離。spread 可選。陰影...
CSS3學習筆記 圓角
圓角 優點 一.減少 的維護量 三.增加視覺美觀性 border radius 含義 邊框半徑 指定乙個值，就是能同時設定四個角的半徑 預設值為0，但不可以為負 border radius 25px 講每個圓角 水平半徑 和 垂直半徑 設定為25px 2 指定每個角 圓角引數缺失情況 div1 di...