サポート掲示板

 小村大樹 E-MAIL  - 07/1/6(土) 15:37 -
パスワード
wtzさんが紹介されている
「スタイルシート(CSS)」を利用することで、
背景の表示方法を詳しく設定することができます。

テキストを中央に表示させるのも、
同様にCSSで可能です。
(こちらはTABLE要素やCENTER要素を利用して
HTMLだけでも実現可能ですが、
CSSを利用する方が好ましいです。)

CSSを利用すれば、文字サイズや行間、
装飾等も一括で設定&変更できますので、
WEBサイトを本格的に制作する場合には
是非ともマスターしておきたいものです。

wtzさんが紹介されている「とほほのWWW入門」に
詳しい説明がありますが、一例を示しますと、こんな感じです。

※文字を中央によせて表示させ、背景を右下に固定して表示する場合
※背景画像はback.gifとする
<!--html要素やhead要素等は省略します-->
<body style="background: url(back.gif) no-repeat fixed right bottom; margin: 20px 30%;">
<div style="background-color: #ccccff;">
<p> ここに本文が入ります。</p>
<p> 青空文庫から例文を入れてみます。「<a href="http://www.aozora.gr.jp/cards/000148/files/790.html">吾輩ハ猫デアル</a>」夏目漱石</p>
<p> 吾輩は猫である。名前はまだ無い。</p>
<p> どこで生まれたか頓と見當がつかぬ。何ても暗薄いじめじめした所でニャー/\泣いて居た事丈は記憶して居る。吾輩はこゝで始めて人間といふものを見た。然もあとで聞くとそれは書生といふ人間で一番獰惡な種族であつたさうだ。此書生といふのは時々我々を捕へて煮て食ふといふ話である。然し其當時は何といふ考もなかつたから別…(以後省略)</p>
</div>
</body>

369 hits
引用なし
記事が属するツリーの記事を全て表示します 【12749】HPを作りたいのですが…… 鈴村 06/12/23(土) 7:42 質問
【12750】WEBサイトの作り方…。 小村大樹 06/12/23(土) 8:18
【12751】具体的な手順ですが、 小村大樹 06/12/23(土) 9:03
【12752】Re:具体的な手順ですが、 鈴村 06/12/23(土) 12:17 質問
【12753】WWW入門 wtz 06/12/23(土) 20:07
【12774】Re:HPを作りたいのですが…… 鈴村 07/1/6(土) 14:08 質問
【12775】CSSを利用します 小村大樹 07/1/6(土) 15:37
【12776】Re:CSSを利用します wtz 07/1/7(日) 10:49
【12777】訂正 wtz 07/1/7(日) 10:54
【12778】Re:訂正 wtz 07/1/7(日) 10:57

ページ:  ┃  記事番号:   
(SS)C-BOARD v3.5.4 is Free.