css简易制作一个div右上角的三角形标签条、角标

要在一个div的右上角创建一个三角形标签条或角标，可以使用CSS中的伪元素以及边框样式。以下是一个简单的例子：

HTML:

<div class="label-box">Your content here</div>

CSS:

.label-box {
  position: relative;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
}
 
.label-box::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-width: 10px 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  /* Change the color of the triangle */
  background-color: #ff0000;
  /* Adjust the size of the triangle */
  width: 0;
  height: 0;
}

这段代码会在.label-box元素的右上角创建一个红色的三角形角标。你可以通过调整.label-box::after伪元素的border-color属性来改变三角形的颜色，调整border-width属性来改变三角形的大小。