問題タブ [css-shapes]

ナビゲーション

ホバー状態のナビゲーション

HTMLとCSSを使用してこのナビゲーションをどのように実装しますか？

白いボックスはロゴのプレースホルダーです。

PS：「製品」リンクはドロップダウンメニューです。

以下の私の現在の実装。（完全ではありません）

私の主な問題は、傾斜したセパレーターとナビゲーションの右端をホバー状態で機能させる方法を理解することです。

HTML5 と CSS3 を使用してどのように円を描画しますか?

中にテキストを入れることも可能ですか？

ほとんどのブラウザ（IE、Mozilla、Safari）で動作するcssのみを使用して円を描くことは可能ですか？

CSSで矢印のあるボックスを作る方法は?

角を丸くするのは簡単です。しかし、画像を使用せずに左側に矢印を作成するアイデアはありません。

で可能にすることは可能ですか

たった一つの要素<p>....</p>

CSSトリックにはさまざまなCSSの形がたくさんあります-CSSの形と私は特に三角形に戸惑っています：

どのようにそしてなぜそれは機能しますか？

ページの隅を下に折りたたんだかのように、div の左上隅を「カット」しようとしています。

純粋なCSSでやりたいのですが、方法はありますか？

この CSS を使用した三角形 ( JSFiddle ) があります。

そして、このHTML：

これで三角形ができますが、対角線はギザギザでピクセル化されています。それらをスムーズにするにはどうすればよいですか？(Safari と Chrome では点線にすることでそれらを滑らかにすることができましたが、Firefox と IE では三角形が壊れてしまいました。)

六角形の中に画像を配置する機会はありますか？HTMLの六角形のセルに慣れていますが、（背景？）画像で塗りつぶすことができませんでした。

これが私が試したことです：

ここにフィドルがあります：http：//jsfiddle.net/jnz31/kGSCA/