一個最多可指定四個border -*- radius屬性的複合屬性，這個屬性容許你爲元素添加圓角邊框！
語法：border-radius: 1-4 length|% / 1-4 length|%;
兼容性：IE9+、FireFox4+、Chrome、Safari5+、Opera圖片
四個值：左上，右上，右下，左下
三個值：左上，右上和左下，右下
兩個值：左上和右下，右上和左下
一個值：四個圓角值相同it
border-top-left-radius：定義了左上角的弧度
border-top-right-radius：定義了右上角的弧度
border-bottom-right-radius：定義了右下角的弧度
border-bottom-left-radius：定義了左下角的弧度兼容性
設置一個或多個下拉陰影的框
語法：box-shadow: h-shadow v-shadow blur spread color inset;
(blur是模糊值，spread是擴展值，inset可轉爲內陰影）
兼容性：IE9+、FireFox4+、Chrome、Safari5+、Opera擴展
構建可擴展按鈕
語法：border-image: source slice width outset repeat;
兼容性：IE不兼容、FireFox、Chrome、Safari6+、Opera不兼容語法
border-image-source：指定要使用的圖像，而不是由border-style屬性設置的邊框樣式
語法：border-image-source: none|image;im
border-image -slice：指定圖像的邊界向內偏移
語法：border-image-slice: number|%|fill;樣式
border-image -width：指定圖像邊界的寬度
語法：border-image-width: number|%|auto;top
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;di