css如何实现​左三角

这篇文章将为大家详细讲解有关css如何实现左三角，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联公司专业为企业提供黑龙江网站建设、黑龙江做网站、黑龙江网站设计、黑龙江网站制作等企业网站建设、网页设计与制作、黑龙江企业网站模板建站服务，十余年黑龙江做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

左三角

#triangle-left {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-right: 100px solid red;
  border-bottom: 50px solid transparent;
}

关于“css如何实现左三角”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

网站标题：css如何实现​左三角
新闻来源：http://shouzuofang.com/article/iescgg.html