如何制作CSS圓圈

CSS可以用來創(chuàng)建各種形狀，包括圓圈，以下是創(chuàng)建CSS圓圈的基本方法：

1、使用border-radius屬性：

border-radius屬性可以將任何元素轉(zhuǎn)換為圓形，你可以將元素的border-radius設(shè)置為50%來創(chuàng)建一個***的圓形。

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

2、使用mask屬性：

mask屬性可以用來創(chuàng)建一個圓形的遮罩，使元素在圓形區(qū)域內(nèi)可見。

.circle {
  width: 200px;
  height: 200px;
  mask: circle(50%);
}

3、使用transform屬性：

transform屬性可以用來將一個元素轉(zhuǎn)換為圓形。

.circle {
  width: 100px;
  height: 100px;
  transform: rotate(45deg) scale(0.5);
}

三種方法都可以用來創(chuàng)建CSS圓圈，你可以根據(jù)自己的需求選擇***適合的方法。