更新日: 2010-11-01 18:36:50

スタイルシートで画像を中央によせる方法

著者: 読書マン

編集者: 読書マン

閲覧数: 190

Okgn btn gudie info favorite

0

関連タグ:

はじめに

Photo by 読書マン

HTMLでいうところの みたいなことをスタイルシートでしたいあなたへ。

STEP1

 ブロック(段落のような文書中の単位)の中に画像が含まれるものとします。すると,対応する HTML コードは,

(ここで,alt 属性は必須なので省略してはいけません)となります。

STEP2

さて,この div ブロックを,「図」というグループに仕立て上げます。

STEP3

そして,この「figure」というグループでは,「中身はセンタリング」と定義します。

div.figure { text-align: center }
これを style 要素か外部のファイルに書いて取り込んで適用させます。  

まとめ

スタイルシートの詳しい書法は,このサイトをご覧ください。

http://www.tg.rim.or.jp/~hexane/ach/

【PR】


このガイドは役に立ちましたか?ガイドの著者にお礼を伝えよう!

Okgn btn gudie info thunks b

57

関連タグ:

当ガイドは作成日時点での情報です。ガイド内容の実施はご自身の責任の元、ご利用いただきますようお願いいたします。

このガイドを通報する

著者名:
読書マン

読書マンです。

マンといいながら、実は主婦してます。

夫には内緒です。