如何用CSS制作圓形盒子

在CSS中，我們可以使用border-radius屬性來制作圓形盒子，這個屬性可以將盒子的四個角都設置為圓形，從而實現(xiàn)我們的需求。

我們需要創(chuàng)建一個HTML元素，比如一個div，來作為我們的盒子，我們可以使用CSS來設置這個盒子的樣式。

下面是一個簡單的例子：

HTML代碼：

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

CSS代碼：

.circle-box {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #f00;
}

在這個例子中，我們創(chuàng)建了一個寬度和高度都為200px的盒子，并將四個角都設置為圓形，我們給盒子添加了一個背景顏色#f00。

你可以將這段代碼復制到你的HTML文件中，并運行它，就可以看到效果了，如果你想要調(diào)整盒子的尺寸或者背景顏色，只需要修改相應的CSS樣式即可。