HTML中，<div>標簽是一個常用的布局容器，可以用來將網頁內容分割成不同的塊。雖然<div>標簽默認情況下是一個矩形區域，但是我們可以使用CSS來修改它的外觀。

接下來我們就可以利用<div>標簽來畫圓。首先，我們設置<div>標簽的寬和高相等，即我們要畫出一個正圓。然后，我們將<div>標簽的圓角設置為50%，這樣就能夠將它變成一個圓形。

<div style="width: 100px; height: 100px; background-color: red; border-radius: 50%;"></div>

以上代碼就可以畫出一個紅色的圓形。其中，width: 100px; height: 100px;設置了<div>標簽的寬和高，background-color: red;設置了背景色為紅色，border-radius: 50%;設置了圓角為50%。如果想要畫出不同顏色的圓形，只需要修改background-color屬性即可。

另外，如果想要讓圓形包含文本或者圖片，可以在<div>標簽內嵌入相應的HTML元素，這樣它們就會被圓形包裹。同樣地，我們可以通過設置<div>標簽的寬度和高度來控制圓形的大小。

<div style="width: 200px; height: 200px; background-color: yellowgreen; border-radius: 50%;">
<img src="image.jpg" style="width: 100%; height: 100%; object-fit: cover;">
</div>

以上代碼就在一個黃綠色的圓形內嵌入了一張圖片。其中，object-fit: cover;可以讓圖片填滿整個圓形。

通過<div>標簽和CSS，我們可以輕松地畫出帶文本和圖片的圓形，從而實現更為豐富的頁面布局。