- 締切済み
HTMLの書き方
ＨＴＭＬ初心者です。 このサイトみたいに、左側に余白を入れるにはどうすればいいんでしょうか？ http://www.asahi-net.or.jp/~mf4n-nmr/web_style.html
- jack1110000
- お礼率0% (0/3)
- Windows 7
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- yukiyayako
- ベストアンサー率30% (12/39)
htmlソースとは別の base.cssファイルを見ました？ そこを見るとわかりますよ。 ソース内のbase.cssをクリックすると見られます。 ソースはブラウザにもよりますが、＜表示＞や＜ツール＞といったタグ内の＜ソース＞や＜ソースを表示＞などから見られます。
- aozakana_dha
- ベストアンサー率45% (76/168)
そのページですと、スタイルシート(base.css)の中の p {margin-left: 90px; margin-right: 90px; } の記述により<p>タグで書いた部分の左右に90ピクセルの余白が入るようになっています。 同様に<h2>や<h3>のタグにも margin-left で左側の余白が それぞれ50ピクセル、70ピクセルに設定されていますね。
- Satan94
- ベストアンサー率66% (33/50)
htmlではなくcssファイルのほうで div.side {margin-left: 90px; margin-right: 90px; } と指定しているようです。 cssではなくhtml内で記述する場合は <head> <style type="text/css"> div.side {margin-left: 90px; margin-right: 90px; } </style> <title>タイトル</title> </head> <body> <div.side> 左右に余白を入れたい文章 </div.side> となります。 左側のみに余白を入れたい場合はmargin-right: 90px;を削除してください。 この例では90ピクセルですが値は自由に変更できます。
