CSS-DIV實現圓形效果

div{
width:100px;
height:100px;
border-radius:50%;
background-color:#f00;
}

現在的網頁設計中，圓形元素經常被應用，比如頭像、進度條、按鈕等等。其中，使用CSS-DIV實現圓形效果是比較簡單且常用的方法之一。

在CSS中，我們可以通過設置div元素的寬高以及border-radius屬性來實現圓形效果。當我們將div的寬高設置成相等時，border-radius屬性的值設置為50%可以讓div變成一個圓形。這個值是基于元素寬度和高度的百分比，所以當元素寬和高相等時，值為50%。

除了設置圓形，border-radius屬性還可以實現其他形狀，如橢圓、半圓、五邊形、六邊形等等，只需要調整border-radius屬性值即可。

總之，CSS-DIV實現圓形效果是非常簡單的，只需要一些基礎CSS知識就能實現。希望這篇文章能對初學者有所幫助。