在 div 中创建透明圆圈

在 CSS 中，我们可以通过设置 div 元素的属性来创建透明的圆形。

实现方法

首先，创建一个 div 元素，并为其设置以下属性：

width: 100px;
height: 100px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);

其中，width 和 height 属性表示圆形的直径，border-radius 属性设置圆形的边角为50%，将其变为圆形，background-color 属性设置背景颜色为白色（255, 255, 255），透明度为50%（0.5）。

代码示例

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

.transparent-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}

效果展示

简要说明

透明圆圈可以使用在需要显示背景或其他元素的场合，通过设置不同的透明度可以达到不同的效果。同时，圆形的边角也可以根据需要进行定制化。