<div>切角图形</div>
div{
  width: 160px;
  margin:30px auto;
  padding: 60px 20px;
  text-align: center;
  color: #fff;
  font-size: 200%
}
        
div{
  background: 
    linear-gradient(135deg, transparent 15px, #ff1493 0) top left, 
    linear-gradient(-135deg, transparent 15px, #ff1493 0) top right,
    linear-gradient(-45deg, transparent 15px, #ff1493 0) bottom right,
    linear-gradient(45deg, transparent 15px, #ff1493 0) bottom left;
  background-size: 50% 50%;
  background-repeat: no-repeat
}
Rerun