答案 0 :(得分：4)
只需将border-top更改为border-bottom中的.triangle即可。 updated jsFiddle
答案 1 :(得分：2)
更改
border-top: 30px solid green;
到
border-bottom: 30px solid green;
.triangle选择器中的。
答案 2 :(得分：1)
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 30px solid green;
这将使三角形朝上