css实现三角形

这篇文章发表于 阅读 1

通过border来实现。

  1. border: 40px solid transparent设置border的宽度和样式。
  2. border-top-width设置顶部的border宽度为0。
  3. border-bottom-color: #ff0000设置底部border的颜色为红色
width: 0; height: 0; border: 40px solid transparent; border-top-width: 0; border-bottom-color: #ff0000;

demo: