CSS中畫圓其實非常簡單，可以使用border-radius屬性進行設置。border-radius屬性可以設置四個參數，分別是左上角圓角、右上角圓角、右下角圓角和左下角圓角。當四個參數都相等時，就可以畫出一個圓形。

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

上面的代碼就可以畫出一個紅色的圓形。其中，width和height分別設置了圓形的寬度和高度為100px，border-radius設置了四個圓角的半徑都為50%，也就是直徑的一半。

如果要畫出不同大小的圓形，只需要調整border-radius的值即可。如果要畫出橢圓形，可以分別設置上下左右四個圓角的半徑為不同的值，比如：

.ellipse {
width: 300px;
height: 200px;
border-radius: 120px 60px 80px 40px;
background-color: blue;
}

上面的代碼可以畫出一個藍色的橢圓形。其中，左上角和右下角的圓角半徑設置為120px和80px，分別對應橢圓的長半徑和短半徑，右上角和左下角的圓角半徑設置為60px和40px，也分別對應橢圓的長半徑和短半徑。

總之，使用border-radius屬性可以很方便地畫出各種形狀的圓形和橢圓形，讓網頁看起來更加美觀。