使用包含內部箭頭的CSS3製作三角形？

這可能與剛剛CSS3，注意它是一個黑色箭頭與內部白色箭頭從黑色稍微-1px。想法？謝謝

我不太確定這是可能的（至少在FF之外）。傳統的方式將是邊界黑客，但需要一個平坦的顏色。看起來你正在使用漸變作爲三角形的填充。 –

它可以用一個單獨的div和CSS3轉換完成。這裏是一個例子：http://jsfiddle.net/yVTr3/5/

它可以很容易地被修改，以適應您需要的大小和確切的顏色。

2011-11-11 19:08:00

已更新，以包括更多的瀏覽器 - http://jsfiddle.net/yVTr3/7/ 偉大的工作人 - 這是非常好的。 – motoxer4533

+1添加，不知道爲什麼這仍然不是一個選擇的答案 – defau1t

確定你可以做到這一點，即使使用css 2.1 - http://css-tricks.com/snippets/css/css-triangle/ 但是，你需要創建三個箭頭 - 黑色+白色+黑色 - 並相應地放置它們（從右邊1px爲中間一個，最右邊爲2px）

2011-11-11 18:45:22

回答