CSS 伪元素实现元素右上角红色小圆圈

要在 CSS 中创建一个位于元素右上角的红色小圆圈，可以使用伪元素 '::before' 或 '::after'。

首先，创建一个 HTML 元素，例如 '

然后，在 CSS 中使用伪元素 '::before' 或 '::after' 来创建一个圆圈，并设置其位置、大小和颜色。

使用 '::before' 的示例代码如下：

.circle {
  position: relative;
  width: 20px;
  height: 20px;
}

.circle::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}

使用 '::after' 的示例代码如下：

.circle {
  position: relative;
  width: 20px;
  height: 20px;
}

.circle::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}

这样就可以在元素的右上角创建一个红色小圆圈。可以根据需要调整圆圈的大小、位置和颜色。