CSSスプライト
a{ display: block;
overflow: hidden;
width:215px;
height:60px;
background-image: url(../images/nav1.png);
background-position: 0 -60px;
}
*左上の0:0が起点
画像
←見えている領域
アイコンやナビゲーションなどのいくつかの画像を1つにまとめた画像を用意し、
位置指定をすることで一部分のイメージだけを見せるテクニック。
(起点)

More Related Content

PDF
LT Canvasを用いた開発について 〜canvasでアイキャッチを作る〜
PDF
miuratta-standard.pdf
PDF
group-html
PDF
PDF
PDF
Child.key
PDF
Clearfix.key
PDF
LT Canvasを用いた開発について 〜canvasでアイキャッチを作る〜
miuratta-standard.pdf
group-html
Child.key
Clearfix.key

More from sayoko miura (20)

PDF
Css selector
PDF
Prevnext
PDF
J query place
PDF
PDF
Event.key
PDF
Readyevent
PDF
J query element.key
PDF
J query ready2.key
PDF
WhatsjQuery
PDF
PDF
Web2 mission
PDF
PDF
PPTX
Display
PPTX
上へ戻る
PPTX
PPTX
Time datetime
PPTX
ぶら下げインデント
PPTX
JQueryプラグイン
PPTX
Figure
Css selector
Prevnext
J query place
Event.key
Readyevent
J query element.key
J query ready2.key
WhatsjQuery
Web2 mission
Display
上へ戻る
Time datetime
ぶら下げインデント
JQueryプラグイン
Figure
Ad

CSSスプライト

  • 1. CSSスプライト a{ display: block; overflow: hidden; width:215px; height:60px; background-image: url(../images/nav1.png); background-position: 0 -60px; } *左上の0:0が起点 画像 ←見えている領域 アイコンやナビゲーションなどのいくつかの画像を1つにまとめた画像を用意し、 位置指定をすることで一部分のイメージだけを見せるテクニック。 (起点)