效果如下圖

直接上代碼：

<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);

}