CSS中使用border来创建三角形的基本方法讲解

<svg xmlns="" version="1.1" class="svg-triangle">  

  <polygon points="0,0 100,0 50,100"/>  

</svg>  

然后，只需添加一些样式：

CSS Code复制内容到剪贴板

.svg-triangle{   

 margin: 0 auto;   

 width: 100px;   

 height: 100px;     

}     

.svg-triangle polygon {   

 fill:#98d02e;   

 stroke:#65b81d;   

 stroke-width:2;   

（编辑：晋中站长网）

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