用DIV+CSS寫圓角代碼怎么寫

在css中，通過border-radius屬性的設置便可以實現圓角。下面小編舉例講解用DIV+CSS寫圓角代碼怎么寫。

東西/原料

1
新建一個html文件，定名為test.html，用于講解用DIV+CSS寫圓角代碼怎么寫。
2
在test.html文件內，利用div標簽建立一個模塊，用于測試。
3
在test.html文件內，給div標簽添加class屬性，屬性值為mydiv。
4
在test.html文件內，編寫<style type="text/css"></style>標簽，頁面的css樣式將寫在該標簽內。
5
在css標簽內，經由過程class設置div的css樣式，界說其寬度為200px，高度為200px，布景顏色為灰色，再經由過程border-radius屬性設置左上角和右上角為20px，實現圓角。
6
在瀏覽器打開test.html文件，查看實現的結果。
END