1新建一個html檔案，命名為test.html，用於講解在css中怎樣讓邊角具有弧度。
2在test.html檔案內，使用div標籤建立一個模組，用於設定弧度。
3在test.html檔案內，設定div的class為bb，主要用於下面透過該class來設定css樣式。
4在test.html檔案內，編寫<style type="text/css"></style>標籤，頁面的css樣式將寫在該標籤內。
5在css標籤內，透過類名bb對div進行樣式設定，使用width屬性設定div的寬度為300px，使用height屬性設定div的高度為300px，使用background屬性設定div背景顏色為灰色。
6在css標籤內，再使用border-top-left-radius屬性設定div左上角的弧度為8px，使用border-top-right-radius屬性設定div右上角的弧度為20px，使用border-bottom-right-radius屬性設定div右下角的弧度為30px，使用border-bottom-left-radius屬性設定div左下角的弧度為60px。
7在瀏覽器開啟test.html檔案，檢視實現的效果。
總結:
1、建立一個test.html檔案。
2、在檔案內，建立一個div模組。
3、在css樣式中，設定div的寬度和高度，使用border-top-left-radius屬性設定div左上角的弧度，使用border-top-right-radius屬性設定div右上角的弧度，使用border-bottom-right-radius屬性設定div右下角的弧度，使用border-bottom-left-radius屬性設定div左下角的弧度。
1新建一個html檔案，命名為test.html，用於講解在css中怎樣讓邊角具有弧度。
2在test.html檔案內，使用div標籤建立一個模組，用於設定弧度。
3在test.html檔案內，設定div的class為bb，主要用於下面透過該class來設定css樣式。
4在test.html檔案內，編寫<style type="text/css"></style>標籤，頁面的css樣式將寫在該標籤內。
5在css標籤內，透過類名bb對div進行樣式設定，使用width屬性設定div的寬度為300px，使用height屬性設定div的高度為300px，使用background屬性設定div背景顏色為灰色。
6在css標籤內，再使用border-top-left-radius屬性設定div左上角的弧度為8px，使用border-top-right-radius屬性設定div右上角的弧度為20px，使用border-bottom-right-radius屬性設定div右下角的弧度為30px，使用border-bottom-left-radius屬性設定div左下角的弧度為60px。
7在瀏覽器開啟test.html檔案，檢視實現的效果。
總結:
1、建立一個test.html檔案。
2、在檔案內，建立一個div模組。
3、在css樣式中，設定div的寬度和高度，使用border-top-left-radius屬性設定div左上角的弧度，使用border-top-right-radius屬性設定div右上角的弧度，使用border-bottom-right-radius屬性設定div右下角的弧度，使用border-bottom-left-radius屬性設定div左下角的弧度。