CSS：画像置換 - padding でテキストを追い出す。ロールオーバーとか - 3
CSS のお勉強：所謂、画像置換の方法 所謂テキストリンクの a 要素をプロック化し、padding でテキストを追い出し、背景画像だけを表示する技法の考察。 使用している画像 link-b-link.png link-b-hover.png ■ ISO/IEC 15445:2000 height : 0 ; padding : ボックスの高さ ; で、テキストをボックス外に追い出し、背景画像のみを表示する クリックしる → a 要素の後ろにテキスト リンク → a 要素の後ろにテキスト 上記のようなテキストリンクを a : hover で a 要素の背景画像なしにして、li 要素の背景画像が見えるようにする。 1. は、li { background-position : top center ; } 、2. は、li { background-position : bottom ce
お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::
Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン（CSS）ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
