45个值得收藏的CSS形状

18.五边形

#pentagon {  
position: relative;  
width: 54px;  
box-sizing: content-box;  
border-width: 50px 18px 0;  
border-style: solid;  
border-color: red transparent;  
}  
#pentagon:before {  
content: "";  
position: absolute;  
height: 0;  
width: 0;  
top: -85px;  
left: -18px;  
border-width: 0 45px 35px;  
border-style: solid;  
border-color: transparent transparent red;  
}  

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!