網頁設計畫圖的方法 如何在網頁中來畫圓

今天給大家帶來網頁設計畫圖的方法，如何在網頁中來畫圓，讓您輕鬆解決問題。

具體方法如下:

首頁，新建HTML文件之後，在裏麵先寫上<div></div>標簽。

然後，對之前的<div></div>標簽設計css樣式，定義div的寬度和高度以及它的背景色。

接著預覽一下，可以看到一個正方體，因為我定義的寬高比較小，具體可以自己定義寬高。

接著我們給div加上邊框，就是border:1px solid blue;分別是邊框的寬度，樣式以及邊框的顏色。

接著就是最關鍵的了，在css中寫上border-radius：50%；div就會由原來的正方體變成了圓形。

接著保存之後再在網頁中預覽一下效果，變成了一個藍色的圓形。

如果把背景色去掉的話就會得到一個白色的圓，記得一定要加邊框border喲！

以上就是網頁設計畫圖的方法，如何在網頁中來畫圓教程,希望本文中能幫您解決問題。