標題：div+css畫實心圓

隨著網頁設計的不斷發展，越來越多的網站開始使用div+css來創建復雜的頁面布局。其中，畫實心圓是一種常見的布局技巧，可以幫助網站設計師更好地控制圓的半徑和填充效果。本文將介紹如何使用div+css畫實心圓。

首先，我們需要在div容器中創建一個圓形元素，并將其設置為實心。可以使用以下代碼：

<div style="width: 100px; height: 100px; background-color: red;">

<div style="width: 200px; height: 200px; background-color: blue;">

<div style="transform: rotate(45deg); transform-origin: 0 100%; background-color: green; fill：圓形(200px, 200px)">

</div>

</div>

</div>

</div>

在上面的代碼中，我們創建了一個紅色的圓形，并將其寬度和高度設置為100和100像素。圓形的半徑是200像素，背景顏色是藍色。然后，我們在圓形的外部添加了一個藍色的圓形，并將其寬度和高度設置為200像素，背景顏色也是藍色，并使用`transform: rotate(45deg); transform-origin: 0 100%; background-color: green; fill：圓形(200px, 200px)`設置了填充效果。

接下來，我們可以通過改變圓的元素位置和大小來控制圓的半徑和填充效果。我們可以通過`transform`屬性調整元素的位置，并通過`width`和`height`屬性調整元素的大小。以下是調整元素位置和大小的示例代碼：

<div style="width: 100px; height: 100px; background-color: red;">

<div style="width: 200px; height: 200px; background-color: blue;">

<div style="transform: rotate(45deg); transform-origin: 0 100%; background-color: green; fill：圓形(200px, 200px)">

<div style="width: 300px; height: 300px; background-color: yellow;">

<div style="transform: scale(1.2); transform-origin: 100% 100%; background-color: white; fill：圓形(100px, 100px)">

</div>

</div>

</div>

</div>

</div>

</div>

在上面的代碼中，我們使用了黃色圓形來顯示一個更大的圓形，并將其寬度和高度設置為300像素。同時，我們使用了`transform: scale(1.2); transform-origin: 100% 100%; background-color: white; fill：圓形(100px, 100px)`來填充黃色圓形。

通過以上示例，我們可以輕松地使用div+css畫實心圓。使用div+css，我們可以控制圓的半徑和填充效果，使圓更加逼真。