纯css做三角形图标

Posted 飞天狼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了纯css做三角形图标相关的知识,希望对你有一定的参考价值。

以前做三角形图标一直是用图片,或者css3旋转,现在才发现原来还有这么简单的三角形

div {

  border: 10px solid transparent;
  border-bottom: 10px solid #000;
  width: 0;

}

只要这么简单的三行css就可以实现一个三角形!

以上是关于纯css做三角形图标的主要内容,如果未能解决你的问题,请参考以下文章

用css怎么写菜单上面的小三角

纯CSS气泡框实现方法探究

纯CSS气泡框实现方法探究

纯CSS气泡框实现方法探究

一个常见下拉菜单的样式:一体化小三角(纯css手写解决)

纯CSS实现小圆点和三角形图案