畫圓在網(wǎng)頁設計中經(jīng)常用到,這里介紹使用CSS來畫圓的方法。
/* CSS代碼 */ .circle { border-radius: 50%; width: 100px; height: 100px; }
以上CSS代碼用到了border-radius屬性,該屬性用于設置邊框圓角的大小。當設置為50%時,邊框的形狀將變?yōu)閳A形。
由于width和height屬性設置為相同的值,因此生成的效果為一個直徑為100px的圓形。
如果要修改圓形的大小,只需要調(diào)整width和height屬性的值即可。
需要注意的是,該方法只能繪制出等于或小于邊框?qū)挾纫话氲膱A形。如果邊框?qū)挾冗^大,用該方法來畫圓形會失效。
以上就是使用CSS繪制圓形的方法,希望能對網(wǎng)頁設計有所幫助。
上一篇3d圣誕樹html代碼
下一篇畫出css盒模型