2011-11-11 18 views
0

私は矢印のようにそうしたいと思います:内側の矢印を含むCSS3で三角形を作る?

arrow

は、それが内側の白い矢印は少し黒から-1pxと黒の矢印ですかちょうどCSS3、お知らせでこれが可能です。アイデア?ありがとう

+0

私はそれが可能であることは確かではありません(少なくともFFの外では)。伝統的な方法は国境のハックがありますが、それは平らな色を必要とします。三角形の塗りつぶしとしてグラデーションを使用しているようです。 –

答えて

5

これは単なるdivとCSS3変換で行うことができます。ここに例があります:http://jsfiddle.net/yVTr3/5/

それはあなたが必要とするであろうサイズと正確な色に容易に変更することができます。

+0

多くのブラウザを追加するように更新 - http://jsfiddle.net/yVTr3/7/ 偉大な雇用者 - それは素晴らしいです。 – motoxer4533

+0

+1これはまだ選択されていない答えが追加された理由は分かりません – defau1t

1

確かにあなたはcssでさえできます2.1 - http://css-tricks.com/snippets/css/css-triangle/ しかし、3つの矢印を1つずつ作成する必要があります - 黒+白+黒 - それに応じて適切に配置してください中から1つ、最上位から2px右)

関連する問題