你如何让这个用css制作的三角形面朝上？

Question

还有这个用css制作的三角形：http://jsfiddle.net/W3hNx/1/

我该如何让它正面朝上？ :)

谢谢!!

Answer 1

只需将border-top更改为border-bottom即可.triangle。 updated jsFiddle

Answer 2

变化

border-top: 30px solid green; 

到

border-bottom: 30px solid green; 

在 .triangle选择

。

Answer 3

border-left: 25px solid transparent; 
border-right: 25px solid transparent; 
border-bottom: 30px solid green; 

这将使三角正面朝上