HTML5/CSS3圆内圆，内圆粘在外圆内侧上方

HTML5/CSS3圆内圆是一种通过HTML5和CSS3技术实现的效果，即在一个圆形区域内部嵌套另一个圆形区域，并使内圆粘在外圆的内侧上方。

这种效果可以通过CSS的伪元素和绝对定位来实现。首先，我们可以创建一个外圆的div元素，并设置其宽度和高度相等，以实现一个圆形区域。然后，通过CSS的border-radius属性将其设置为圆形。接下来，我们可以使用CSS的伪元素:before来创建内圆，并通过绝对定位将其放置在外圆的内侧上方。

以下是一个示例的HTML和CSS代码实现圆内圆效果：

HTML代码：

<div class="outer-circle">
  <div class="inner-circle"></div>
</div>

CSS代码：

.outer-circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #f0f0f0;
  position: relative;
}

.inner-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ff0000;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}

在上述代码中，外圆的宽度和高度都设置为200px，通过border-radius属性将其设置为圆形，并设置背景颜色为#f0f0f0。内圆的宽度和高度都设置为100px，通过border-radius属性将其设置为圆形，并设置背景颜色为#ff0000。通过设置position为absolute，可以将内圆相对于外圆进行绝对定位。通过设置top为-50px，可以将内圆向上移动50px，使其粘在外圆的内侧上方。通过设置left为50%和transform属性的translateX(-50%)，可以将内圆水平居中于外圆内部。

这种圆内圆效果可以应用于各种设计需求，例如在网页中创建圆形的图标或按钮，或者用于展示进度条等。在腾讯云的产品中，可以使用云服务器（CVM）来托管网页，并使用云存储（COS）来存储网页所需的静态资源。