你如何讓這個用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; 

這將使三角正面朝上