.youshang {
position: absolute;
width: 100px ;
height: 100px ;
background: lightgreen;
transform: rotate(45deg);
top:-50px;
right :-50px ;
color: #FFFFFF;
}
<div class = "youshang">
<p style = "position: absolute;bottom:0px;right: 35px;font-size: 10px;"> 已退款 </p>
</div>
这样就能实现 右上角的三角形标志 。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20181106131612108.png)
右上角斜的 商标 标志实现
最新推荐文章于 2023-08-04 16:36:00 发布