CSS中使用border来创建三角形的基本方法讲解
发布时间:2020-03-17 07:16:05 所属栏目:系统 来源:互联网
导读:这篇文章主要介绍了CSS中使用border来创建三角形的基本方法讲解,文中同时还附带了对HTML5 Canvas和SVG三角形的介绍,需要的朋友可以参考下
<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; (编辑:焦作站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |