html代码右上⾓标签,html实现上⾓标的效果注：此效果主要运⽤了css3中的rotate属性
⾸先，⼀起来看⼀看最终的实现效果
好的，那么现在我们来黏贴代码。
制作⾓标的⽅法
rotate属性
.con{
height: 250px;
width: 200px;
margin: 0 auto;
overflow: hidden;
margin-top: 100px;
position: relative;
background-color: #4cd964;
}
.subscript{
color: #fff;
height: 30px;
width: 100px;
position: absolute;
right: -30px;
text-align: center;
line-height: 30px;
font-family: "⿊体";
background-color: #0c60ee;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
⾓标
代码我感觉⼤部分应该可以看得懂，如果有什么问题的话，欢迎提问

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。