你好我怎樣才能使用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