CSS是一種層疊樣式表語言,可以用來定制網頁的外觀和樣式,包括形狀、大小、顏色等。在本文中,我們將探討如何使用CSS畫一個圓圈。
.circle { width: 100px; height: 100px; border-radius: 50%; background-color: #f00; }
以上代碼定義了一個名為.circle的類,它具有以下屬性:
- width和height指定了圓形的寬度和高度,這兩個值應該相等,這樣才能畫出一個圓形。
- border-radius指定了邊框的圓角半徑,它的值為50%即表示把整個圓形的直徑作為半徑。你也可以在值中指定具體的像素數。
- background-color指定了圓形的背景色,它的值可以是任何CSS顏色值,比如#f00表示紅色。
通過將這個.circle類應用到HTML元素中,我們就可以畫出一個圓形了。例如:
<div class="circle"></div>
以上代碼將應用.circle類到一個空的<div>元素中,從而讓這個元素呈現出一個紅色的圓形。
下一篇怎么用css畫一只貓