HTML5和CSS3提供了多種繪制圓形的方法，以下是使用HTML5和CSS3繪制圓形的步驟：

1、HTML部分：

<div class="circle"></div>

2、CSS部分：

.circle {
    width: 100px; /* 圓的直徑 */
    height: 100px; /* 圓的直徑 */
    border-radius: 50%; /* 將div變成圓形 */
    background-color: #333; /* 圓的背景顏色 */
    border: 2px solid #fff; /* 圓的邊框顏色和寬度 */
}

在這個示例中，我們創(chuàng)建了一個類名為circle的div元素，并使用CSS樣式將其設置為圓形。width和height屬性設置為圓的直徑，border-radius屬性設置為50%，使div元素變成圓形。background-color屬性設置圓的背景顏色，border屬性設置圓的邊框顏色和寬度。

你可以根據需要調整這些屬性來繪制不同大小和樣式的圓形，如果需要繪制空心圓，可以將border-radius屬性設置為100%，并將background-color屬性設置為透明，如果需要繪制帶有文本的圓形，可以在div元素內部添加文本內容。