CSS圓圈的添加方法

在CSS中，我們可以使用border-radius屬性來添加圓形，這個屬性可以將一個元素轉(zhuǎn)換為圓形，或者將一個元素的邊框轉(zhuǎn)換為圓形。

我們可以將一個元素轉(zhuǎn)換為圓形，我們可以將一個div元素轉(zhuǎn)換為圓形：

div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

在這個例子中，我們將div元素的寬度和高度都設(shè)置為100像素，并將border-radius屬性設(shè)置為50%，這個屬性會將div元素的四個角都轉(zhuǎn)換為圓形，從而形成一個圓形元素。

我們還可以將一個元素的邊框轉(zhuǎn)換為圓形，我們可以將一個div元素的邊框轉(zhuǎn)換為圓形：

div {
  width: 200px;
  height: 200px;
  border: 2px solid #000;
  border-radius: 50%;
}

在這個例子中，我們將div元素的寬度和高度都設(shè)置為200像素，并將邊框設(shè)置為2像素的黑色實線，我們將border-radius屬性設(shè)置為50%，這將使邊框的四個角都轉(zhuǎn)換為圓形，從而形成一個圓形邊框。

需要注意的是，如果元素的寬度和高度不同，那么轉(zhuǎn)換出來的圓形可能不是***的圓形，在需要***控制圓形形狀的情況下，我們需要確保元素的寬度和高度相同。