ナビゲーションのアクティブな項目をマークする

テクノロジーカテゴリーの変更を依頼記事元:

hail2u.net

21 usersがブックマークコメント

コメント

4

記事へのコメント4件

注目コメント
新着コメント

sigwyg 「Macでは文字パレットを使えば簡単に調べられる。」

2011/03/02 リンク

hiro_y アクティブな項目に三角とか丸で印を付ける方法

css

2011/03/01 リンク

kkeisuke css3 :before :after

2011/03/01 リンク

blythegirls かん…たん？

CSS

2011/02/28 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

ナビゲーションのアクティブな項目をマークする

ウェブサイトのナビゲーションでよくある、アクティブ、つまりユーザーが閲覧中のページに対応する項目... ウェブサイトのナビゲーションでよくある、アクティブ、つまりユーザーが閲覧中のページに対応する項目にマークを付ける場合、画像ファイルでやることが多い。最近はCSSグラデーションを使ってアクティブな時にへこませたような効果を与えたりすることもあるが、よく見かける三角のマークを付けるとなるとやはり画像で……となってしまう。しかし、単純な形に限ってなら枠線付きの吹き出しでも利用した:before又は:after擬似要素を使えば実現できる。 Demo: Pure CSS Navigation Indicator CSSのコードは吹き出しとほとんど変わらない。ただし、位置合わせの方法が異なる。 nav #example1 li a:after { margin: -8px auto 0 auto; border-top-width: 0px; border-right-width: 8px; bord

ブックマークしたユーザー

noplans2011/07/25
lEDfm4UE2011/03/06
tsh712011/03/04
y_1412011/03/02
nightcrawler92011/03/02
sigwyg2011/03/02
iR32011/03/02
hiro_y2011/03/01
Naruhodius2011/03/01
typester2011/03/01
hama_shun2011/03/01
kkeisuke2011/03/01
darwinia2011/02/28
blythegirls2011/02/28
shingo_nabe2011/02/28
tikeda2011/02/28
akishin9992011/02/28
kagaminone2011/02/28

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx