如何使用CSS创建3段甜甜圈/环？

要使用CSS创建3段甜甜圈/环，可以按照以下步骤进行：

创建HTML结构：首先，在HTML中创建一个div元素，作为甜甜圈的容器。然后，在该div元素内部创建三个div元素，分别表示甜甜圈的三个部分。

<div class="donut">
  <div class="donut-inner"></div>
  <div class="donut-middle"></div>
  <div class="donut-outer"></div>
</div>

设置CSS样式：使用CSS来定义甜甜圈的样式。首先，设置容器div的宽度和高度，并将其设置为圆形。然后，设置每个甜甜圈部分的样式，包括颜色、宽度、高度和位置。

.donut {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: relative;
}

.donut-inner {
  background-color: #f8c471;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.donut-middle {
  background-color: #f39c12;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.donut-outer {
  background-color: #d35400;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}