スポンサーサイト

スポンサー広告 | --.--.--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

文字・画像 を 中央表示 する 方法

[ カスタマイズ ] HTML タグ の 基本 | 2009.05.13

ブログのデザインとして
文字 や 画像 を 中央 に 表示 したい場合などありますよねっ。
スタイルシートを使って センター表示 させるのが理想ですが、
スタイルシートがわからないという方や、
わかるけど少しめんどくさいという方におすすめの
簡単に 中央表示 できる 方法 をご紹介したいと思います。

HTMLタグ <div> を使おう


<div align="center">中央に表示させたい文章・画像</div>

<div align="center"> と </div> の間に
中央 に 表示 させたい 文章 や 画像 を挿入することによって
中央 に 表示 させることができます。
とても簡単ですよねっ。

左寄せ と 右寄せ


この方法だと 中央表示 だけでなく
文章 や 画像 の 左寄せ と 右寄せ もできるんです。

  • <div align="center">中央に表示させたい文章・画像</div>
  • <div align="left">左に寄せたい文章・画像</div>
  • <div align="right">右に寄せたい文章・画像</div>

これも簡単ですよねっ。
center の部分を leftright
変更することによって 中央表示 だけでなく
左や右に寄せて 表示 することができます。

これでみなさんのカスタマイズにも幅が出てくると思います。
スタイルシートを使えば、
中央表示 だけでなく、色を変えたり、文字の大きさなど
たくさんのことができますが
中央表示、左寄せ、右寄せだけであれば、この方法で十分だと思います。
ぜひお役に立ててください。
関連記事
人気ブログランキング この記事がお役に立てましたら1クリックお願いします

キーワード 出現率 を チェック | 稼げる 情報商材 には気をつけよう
こんばんは。
しょうちゃんtoゆーこです!!
訪問ありがとうございました!

あたたかいコメント パワーになります。
まだまだ初心者なので
こういうHTMLタグの解説は非常に
役に立ちます!

勉強になりました。
また遊びに来ます !
5/13の応援ぽち!
【2009/05/13 23:36】 | しょうちゃんtoゆーこさん
 【しょうちゃんtoゆーこさんへ】

こんばんは、しょうちゃんtoゆーこさん。
コメントありがとうございます。

こちらこそコメントありがとうございます。
そして、記事がお役に立ててよかったです。

はいっ、またいらしてくださいねっ。
応援ありがとうございます(^^)
【2009/05/13 23:47】 | パッチさん
このコメントは管理者の承認待ちです
【2013/02/22 18:33】 | さん









管理者にだけ表示を許可する
|
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。