CSS 实现右上角红色小圆圈

要在 CSS 中创建一个右上角的红色小圆圈，可以使用以下代码：

HTML:

<div class='circle'></div>

CSS:

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

在上面的代码中，我们创建了一个 `<div>` 元素，并为它添加了一个 `circle` 的类名。然后，使用 CSS 样式来定义这个类名。设置 `width` 和 `height` 为 20px，来确定圆的大小。设置 `background-color` 为红色，来确定圆的颜色。使用 `border-radius` 属性将这个 `<div>` 元素变成一个圆形。最后，使用 `position` 属性来将这个元素的定位方式设置为绝对定位，然后使用 `top` 和 `right` 属性来将元素放置在右上角。