ホーム > マークアップ > CSS > リキッドレイアウトで画像の背景に一工夫
リキッドレイアウトで画像の背景に一工夫
- 公開日
- 2007年01月19日
<div class="bg-cover"><img /></div>
画像を取り囲むdiv上にbgスタイルを付けることで、たとえばリキッドレイアウトにおいてデフォルトサイズを広げた場合、余白ができる部分にアクセントをつけることができる。
- この記事に関するご意見・ご感想をお待ちしております。
CSSに関する記事一覧
- IE7の拡大機能、仕様？バグ？
- Internet Explorer 7対策
- MacIEだけを分離するハック
- Windows/Mac IE version4の排除
- dlを使って、dtとddを横並びにする
- emを使ってpx感覚で操作する
- floatとvertical-align? → display:table-cell; !
- floatの使用上の注意
- floatを利用した段組み例1
- floatを利用した段組み例2
- floatを利用した段組み例3
- float段組みした場合のclear設定の方法
- font-family フォントファミリー
- imgのvertical-align
- line-heightとimgによるWinIEバグ
- positionを利用した2段組み
- positionを利用した3段組み
- tableのこと【CSS編】
- コンテンツの量によってフッターの位置を変える
- デフォルトで設定すべき事項
- フォントサイズ
- ブラウザによるwidthプロパティの解釈の違い
- ブラウザ表示領域の上部（ヘッダー）と下部（フッター）を固定する
- リキッドレイアウトで画像の背景に一工夫
- リスト「画像」とナビゲーション「横」編
- リストとナビゲーション「横」編
- リストとナビゲーション「縦」編
- レイアウト全体を画面のセンターに設定する
- ロールオーバーで画像を切り替える
- 文字間
- 背景やボーダーが意図した表示をしないとき
- 適用されるCSS [CSS初心者向け]
- 高さをコントロールする