首先我要介紹的是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屬性，則可以完成一些網站常用的顯示樣式