CSS 如何畫一個圓形呢?
.circle { width: 100px; height: 100px; border-radius: 50%; }
我們可以給需要畫圓形的元素加上.circle
的 class,然后通過 CSS 設置它的寬高和圓角半徑,即可使其變成一個圓形。
其中border-radius
屬性是關鍵,它指定元素的圓角半徑,取值可以是長度值、百分比或者具體的數值。當取值為 50% 時,元素的圓角半徑就是它的寬度或高度的一半,因此元素就變成了一個圓形。
.circle { width: 100px; height: 100px; border-radius: 50%; background-color: red; }
如果想要給圓形一個背景色或者邊框,只需要在 CSS 中加上對應的樣式即可。
以上就是 CSS 畫一個圓形的方法,希望對你有所幫助!