HTML是網頁制作的基礎,它可以讓我們在網頁上展示各種各樣的元素,比如文本、圖片、視頻等等。而在這些元素中,圓形也是非常常見的一種,那么如何用HTML代碼來繪制一個圓形呢?
<style> .circle { width: 100px; height: 100px; border-radius: 50%; background-color: red; } </style> <div class="circle"></div>
首先,我們需要在<style>標簽中定義一個class為“circle”的樣式。
.circle { width: 100px; height: 100px; border-radius: 50%; background-color: red; }
上述代碼中,我們設置了圓形的寬高為100px,并將邊框半徑設置為50%,這樣就可以制造出一個圓形了。同時,我們還將背景顏色設置為紅色,方便觀察。
接下來,我們將使用<div>標簽來添加一個圓形元素,并在其中應用定義好的class樣式:
<div class="circle"></div>
這樣,我們就可以在網頁上看到一個使用HTML代碼繪制出的圓形了。