如何在頭部底部向上指箭頭？

Question

我在做一個網站。如果我在與該選項卡相對應的頁面上顯示當前頁面，我有一個標題，其中有幾個標籤，其中我要添加一個箭頭（看起來像一個小三角形）。

| tab1 | tab2 | tab3 |

---^------------------------

< --Tab1內容​​在這裏 - >

我不想用img來解決。有沒有辦法通過使用CSS或JavaScript做到這一點？

謝謝！

Answer 1

不需要JavaScript，它是純CSS。

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

更多的例子和文章here。

Answer 2

另一種可能性是HTML符號實體：

Filled triangle pointing down   ▼ 
Filled vertical triangle    ▲ 

結果：▼ ▲

然後，你可以使用CSS（絕對）位置的符號（相對）的標題項。

從http://llizard.etherwork.net/cwc/charactmap.html

Answer 3

摘自我感謝你可以像使用「▲」特殊符號，並給它一些CSS規則，使之符合您的需求。 你也可以使用純CSS規則和html元素來解決它。請看我的演示http://wandouyouxi.com/cnblogs/css/untitled-1.html