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

需要這些哦
html+css
代碼編纂器：Dreamweaver CS5
方式/
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文件，查看實現的結果 。



總結：11、利用div標簽建立一個模塊 。
【用DIV+CSS寫圓角代碼怎么寫】2、在css標簽內，經由過程border-radius屬性設置左上角和右上角為20px，實現圓角 。

注重事項border-radius屬性設置的圓角排序為左上角，右上角，下左角，下右角 。

以上內容就是用DIV+CSS寫圓角代碼怎么寫的內容啦，希望對你有所幫助哦！

猜你喜歡

• Excel怎么設置數字編號自動補0
• 如何利用VBA代碼畫蝸牛
• Excel表格中怎么使用Ctrl+D向下填充數據
• 如何利用VBA代碼畫薩克斯
• 如何利用VBA代碼畫葫蘆絲
• 使用暴風影音怎樣播放指定視頻文件
• 電腦QQ瀏覽器如何恢復書簽
• 普洱茶的作用：防癌抗癌的機理
• 浦發信用卡App簽到領積分的方法
• 在手機哪里可以找到應用分身微信和QQ