1. CSS3 圓角

• border-radius 屬性

一個最多可指定四個border -*- radius屬性的復(fù)合屬性，這個屬性允許你為元素添加圓角邊框！
語法：border-radius: 1-4 length|% / 1-4 length|%;
兼容性：IE9+、FireFox4+、Chrome、Safari5+、Opera

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)、潞城網(wǎng)絡(luò)推廣、微信小程序定制開發(fā)、潞城網(wǎng)絡(luò)營銷、潞城企業(yè)策劃、潞城品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供潞城建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

• 多值

四個值：左上，右上，右下，左下
三個值：左上，右上和左下，右下
兩個值：左上和右下，右上和左下
一個值：四個圓角值相同

• 擴展屬性

border-top-left-radius：定義了左上角的弧度
border-top-right-radius：定義了右上角的弧度
border-bottom-right-radius：定義了右下角的弧度
border-bottom-left-radius：定義了左下角的弧度

2. CSS3 盒陰影

• box-shadow 屬性

設(shè)置一個或多個下拉陰影的框
語法：box-shadow: h-shadow v-shadow blur spread color inset;
(blur是模糊值，spread是擴展值，inset可轉(zhuǎn)為內(nèi)陰影）
兼容性：IE9+、FireFox4+、Chrome、Safari5+、Opera

3. CSS3 邊界圖片

• border-image 屬性

構(gòu)建可擴展按鈕
語法：border-image: source slice width outset repeat;
兼容性：IE不兼容、FireFox、Chrome、Safari6+、Opera不兼容

• 擴展屬性

border-image-source：指定要使用的圖像，而不是由border-style屬性設(shè)置的邊框樣式
語法：border-image-source: none|image;

border-image -slice：指定圖像的邊界向內(nèi)偏移
語法：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：圖像邊界是否應(yīng)重復(fù)（repeated）、拉伸（stretched）或鋪滿（rounded）
語法：border-image-repeat: stretch|repeat|round|initial|inherit;