可以直接用
<!DOCTYPE HTML>
<html>
<head>
<style>
.outer{
width:0;
height:0;
border:50px solid red;
border-left-color:transparent;
border-bottom-color:transparent;
position:relative;
white-space: nowrap;
}
.inner{
width:0;
height:0;
border:25px solid white;
border-left-color:transparent;
border-bottom-color:transparent;
position:absolute;
top:-50px;
}
p{
transform: translate(-10px,-70px) rotateZ(45deg);
font-size:22px;
color:white;
}
</style>
</head>
<body>
<div class="outer">
<div class="inner"></div>
<p>佩戴中</p>
</div>
</body>
</html>
转载请注明出处