<textarea name="code" class="html" cols="60" rows="5"> <div class="myButton"> Any text content you want here </div> </textarea>
CSSスプライトで画像を円滑に表示させるCSSスプライトとは、複数の画像をひとつにまとめて、CSSでポジションを指定することにより表示させるCSSの技のひとつです。画像の数を減らすことにより、サイトの表示を速めることができます。以前よりYoutubeなどに使用されているので、その名前を一度は聞いたことがあるかもしれません。ここではCSSスプライトを使用したメニュー画像の作り方を紹介します。 CSS スプライトを使うデメリットメリットは上記にあるとおり、サイトの高速化が期待できます。ではデメリットとは? alt 属性が使えない背景画像のリピート表示ができない更新する時に手間がかかる(サイズを変えると CSS も変えなければいけないため)以上をふまえて、私はいつもメニューの背景やボタンなど、マウスオーバー時に変化する画像のみ CSS スプライトを使用しています。ということで、早速作ってみましょ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く