一、代码
<div class="Hexagonal"></div>
<style>
.Hexagonal{
width: 0;
height: 0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 100px solid blueviolet;
position: relative;
}
.Hexagonal::after{
width: 0;
height: 0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-top: 100px solid blueviolet;
content: '';
position: absolute;
left: -100px;
top:30px
}
</style>