如何設(shè)置圓形盒子？

在CSS中，可以使用border-radius屬性來(lái)設(shè)置圓形盒子，該屬性可以指定一個(gè)數(shù)值，表示圓角的半徑大小，或者可以使用50%來(lái)創(chuàng)建一個(gè)完全的圓形。

以下代碼可以創(chuàng)建一個(gè)半徑為50像素的圓形盒子：

.circle-box {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}

或者使用50%來(lái)創(chuàng)建一個(gè)完全的圓形：

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

還可以設(shè)置border屬性來(lái)添加邊框，或者使用background-color屬性來(lái)設(shè)置背景顏色，使圓形盒子更加美觀。

以下代碼可以創(chuàng)建一個(gè)帶有邊框和背景顏色的圓形盒子：

.circle-box {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  border: 2px solid #000;
  background-color: #f0f0f0;
}

通過(guò)以上代碼，可以輕松地設(shè)置圓形盒子，并在網(wǎng)頁(yè)中展示。