生成设置为六边形css样式代码并放入gui样式类中

.gui { width: 100px; height: 115px; position: relative; } .gui:before, .gui:after { content: ""; position: absolute; top: 0; left: 0; width: 70.71px; height: 70.71px; background-color: #000; transform-origin: 0 0; transform: rotate(30deg); } .gui:before { transform: rotate(-30deg); } .gui:after { top: auto; bottom: 0; transform: rotate(-30deg); } .gui .content { position: absolute; top: 15px; left: 15px; width: 70px; height: 85px; background-color: #fff; }