前端 css 实现标签的效果
效果如下图
直接上代码：
<div class="label-child">NEW</div>
// css样式
// 父元素 class
.border-radius {
position: relative;
overflow: hidden;
}
.label-child {
position: absolute;
width: 150rpx;
height: 27rpx;
text-align: center;
left: -24px;
top: 7px;
line-height: 31rpx;
font-size: 20rpx;
font-weight: 600;
background-color: #fe4f2f;
border-color: #fe4f2f;
color: #fff;
transform: rotate(-45deg);
}