css3 實現圓角邊框的border-radius屬性和實現陰影效果的box-shadow屬性

　　　　首先我要介紹的是border-radius屬性，它的做用是實現圓角邊框，其中border-radius：20px;表示，一個’體‘四個角都圓滑20px,其值若是爲100px那麼圓角度則爲最高，若是是正方體則會是一個球，依靠這個屬性咱們能夠不用ps6的狀況下，作成一個較爲美觀的按鈕或者控件，它還擁有分別控制4個角的屬性border-top-left-radius/border-top-right-radius/border-bottom-left-radius/border-bottom-right-radius，這對咱們控制圖型有了更準確的把握。

　　　　而後要詳細介紹的是box-shadow屬性，向邊框添加陰影，其中它有六個重要的參數。

　　　　1.陰影類型：此參數可選，若是不設值，默認的陰影類型是外部陰影，若是取其惟一值「inset」則是內陰影。

　　　　2.h-shadow:必有，陰影的水平偏移位置，其值能夠是正負值，爲正值，其陰影在對象右邊，爲負值，其陰影在對象左邊。

　　　　3.v-shadow:必有，陰影的垂直偏移位置，其值也可爲正負值，爲正值，其陰影在對象的底邊，爲負值，其陰影在對象的上邊。

　　　　4.陰影模糊：此參數可選，其值只能爲正值，值爲0時，表示陰影不具有模糊效果，其值越大則陰影邊緣就越模糊。

　　　　5.陰影擴展半徑：次參數可選，其值能夠是正負值，若是爲正，整個陰影都延展擴大，若是爲負值，則陰影縮小。

　　　　6.陰影顏色：此參數可選（這個屬性我就不加以解釋了，就是咱們經常使用的顏色屬性）

 

　　　　這兩個屬性配合前面學過的transition屬性和transform屬性，則能夠完成一些網站經常使用的顯示樣式