1.什么是CSS3揭璃？
在編寫(xiě)CSS3樣式時(shí)，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規(guī)則尚未成為W3C標(biāo)準(zhǔn)的一部分蝶俱，是瀏覽器的私有屬性，雖然目前較新版本的瀏覽器都是不需要前綴的饥漫，但為了更好的向前兼容前綴還是少不了的榨呆。
前綴??????????? 瀏覽器
-webkit??????? chrome和safari
-moz??????????? firefox
-ms????????????? IE
-o?????????????????opera
2.圓角效果 border-radius
border-radius是向元素添加圓角邊框。
使用方法：
border-radius：10px;/*所有角都使用半徑為10px的圓角*/
border-radius：5px 4px 3px 2px;/*四個(gè)半徑值分別是左上庸队，右上积蜻，右下，左下彻消，順時(shí)針*/
單位可以是px,百分比或者em竿拆，但目前兼容性不太好。
實(shí)心上半圓：
方法：把高度（height）設(shè)為寬度（width）的一半宾尚，并且只設(shè)置左上角和右上角的半徑和元素的高度一致（大于也是可以的）丙笋。
div{
height:50px;/*是width的一半*/
width:100px;
background:#9da;
border-radius:50px 50px 0 0;/*半徑至少設(shè)置為height的值*/
}
實(shí)心圓:
方法：把寬度（width）與高度（height）值設(shè)置為一致（也就是正方形），并且四個(gè)圓角值都設(shè)置為他們值的一半煌贴。代碼如下：
div{
height:100px;/*與width設(shè)置一致*/
width:100px;
background:#9da;
border-radius:50px;/*四個(gè)圓角值都設(shè)置為寬度或高度值的一半*/
}
