mfc 定时器绘制旋转六边形_css旋转做的六边形

> li {

width: 75px;

height: 129px;

border: 1px solid #F29C83;

border-radius: 5px;

background-color: #fff;

position: relative;

&::before,

&::after {

content: '';

position: absolute;

top: 0;

left: 0;

width: 75px;

height: 129px;

border: 1px solid #F29C83;

border-left-color: transparent;

border-right-color: transparent;

border-radius: 3px;

background-color: #fff;

}

&::before {

transform: rotate(60deg);

}

&::after {

transform: rotate(120deg);

}

> p {

position: absolute;

z-index: 10;

top: 34px;

left: 27px;

font-size: 16px;

text-align: center;

color: #F39073;

margin-bottom: 6px;

}

> p:nth-of-type(2) {

top: 62px;

height: 28px;

left: 3px;

line-height: 28px;

}

}

}