您好我如何使用CSS绘制三角形？

Question

  

可能重复：
  How does this CSS triangle shape work?

请帮帮我，我需要你的建议。

Answer 1

例如：

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

http://css-tricks.com/snippets/css/css-triangle/

Answer 2

查看HERE有关如何使用CSS绘制三角形的说明。 这是一个例子：

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

可以找到CSS技巧here