角标是指出现在一个元素的角上的小图标或一段文字，通常用于标示一些状态或特殊含义。在设计方面，角标能够很好地增强网页的美观度和易读性。现在大家就来看一下用CSS3如何制作出好看的角标吧！
/* 代码来自CSS3-Tricks */
/* 创建针对单个角的伪类 */
.element:before {
position: absolute;
top: 0;
left: 0;
content: "";
border-top: 30px solid #f00;
border-right: 30px solid transparent;
}
/* 创建针对多个角的伪类 */
.element:after {
position: absolute;
bottom: 0;
right: 0;
content: "";
border-bottom: 30px solid #f00;
border-left: 30px solid transparent;
}这段代码会创建出一个类名为.element的元素，并在元素的角上创建边框。其中通过:before和:after伪类分别实现了单个角和多个角的效果，可以通过更改border-top、border-right、border-bottom和border-left的值来改变角标的形状和颜色。
需要注意的是，在制作角标时，还可以在伪元素中使用CSS3提供的旋转、缩放、倾斜等效果，来增加角标的变化和美感。
总之，CSS3为角标的制作提供了更加灵活、方便、美观的解决方案，大家可以通过几行代码就轻松地实现出心仪的角标效果，为网页设计增色不少。