HTML中可以使用CSS來創建圓形。下面就來介紹一下如何使用CSS創建圓形。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
}

以上代碼中，首先我們需要定義一個元素，例如說一個div元素，然后給他設置寬度和高度。接著我們在CSS樣式中使用了border-radius屬性來設置元素的邊框半徑為50%，這樣就可以把一個正方形的元素變成圓形了。最后我們設置了元素的背景顏色。

除了以上代碼外，我們還可以使用CSS中的偽元素來創建CSS圓形。下面展示的代碼可以創建帶邊框的CSS圓形。

.circle {
width: 100px;
height: 100px;
border: 5px solid red;
border-radius: 50%;
position: relative;
}
.circle::before {
position:absolute;
content:"";
display:block;
top:-5px;
left:-5px;
width:110%;
height:110%;
border-radius: 50%;
border: 5px solid blue;
}

以上代碼中，我們首先定義了一個元素，并設置了它的寬度和高度。然后我們使用了border屬性來設置元素的邊框，并將邊框半徑設置為50%來變成圓形。接著我們使用了::before偽元素來創建一個大一點的圓形，用來裹住原本的圓形邊框，并為其設置了顏色。最后通過定位來確保大圓形和小圓形疊加在一起。