CSS3 角标代码：使用伪元素创建提示标记

角标是指在一个元素的角落中显示一个小的标记或图标，常用于提示或标记特定信息。在 CSS3 中，可以使用伪元素 ::before 或 ::after 来创建角标，以下是一个简单的 CSS3 角标代码示例：

HTML 代码：

<div class='badge'>99+</div>

CSS3 代码：

.badge {
  position: relative;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 20px;
  background-color: #f44336;
  color: #fff;
  font-size: 14px;
}

.badge::before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  background-color: #f44336;
  border-radius: 50%;
  transform: rotate(45deg);
}

在上述代码中，我们首先创建了一个包含数字和背景颜色的角标元素。然后，我们使用 ::before 伪元素来创建角标的样式。通过设置 content: ''，我们让 ::before 成为一个空的元素，然后使用 position: absolute 将其定位到角标的上方和右侧。接着，我们设置角标的宽度、高度、背景颜色和边框半径，并使用 transform: rotate(45deg) 旋转角标 45 度，使其成为一个正方形的菱形。最后，我们将角标的样式应用到 .badge::before 中即可。

需要注意的是，角标的样式可以根据实际需求进行调整，例如改变大小、颜色、边框样式等。