Heim > Artikel > Web-Frontend > 纯css做三角形图标
纯css做三角形图标
- WBOYOriginal
- 2016-09-09 08:13:201099Durchsuche
以前做三角形图标一直是用图片，或者css3旋转，现在才发现原来还有这么简单的三角形
div {
border: 10px solid transparent;
border-bottom: 10px solid #000;
width: 0;
}
只要这么简单的三行css就可以实现一个三角形！
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：常用meta整理Nächster Artikel：元素绝对定位以后设置了高宽，a标签不能点击的原因总结