右上角三角形角标的实现
1.最大父级设置定位:position: relative
2.角标的实现,实际上就是一个三角形
css:
width: 0px;
height: 0px;
border-left: 50px solid transparent;
border-bottom: 50px solid transparent;
border-top: 49px solid green;
position: absolute;
right: 0px;
3.字体
css
width: 100px;
transform: rotate(45deg);
position: absolute;
right: -56px;
top: 34px;
font-size: 12px;
color: #fff;
定位根据实际