電子書籍の厳選無料作品が豊富!

ホームページの一番上の部分(ヘッダー)に赤いラインを入れるには
どんなソースが有効でしょうか。http://allabout.co.jp/のような感じです。
今はテキストで作成中です。教えてください。
仮にトリコロールっぽい細いラインを入れるのはかのうでしょうか。

A 回答 (2件)

単純にbodyの上側のborderだけ指定する。


★デザインのためにHTMLを書くのは駄目!!
  それを防ぐためにスタイルシートが導入された。
  HTMLは文書構造を示し、スタイルシートでプレゼンテーションを指定する。
  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
★ましてやHTML Validatorなどを通過するために手を加えるなんてもってのほか
 下のソースはHTML4.01strictです。_はタブに置換すること
 最大幅980pxですから、大きなディスプレイでは中心に小さなディスプレイではウィンド幅いっぱいに表示される。--all aboutは固定幅なので小さなウィンドウでははみ出ますが、下記のものははみ出ないので、i-phoneでも携帯電話でもOK・・


<head>
_<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
_<title>サンプル</title>
_<meta name="author" content="ORUKA1951">
_<meta http-equiv="Content-Style-Type" content="text/css">
_<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
_<link rel="START" href="../index.html">
_<style type="text/css">
<!--
body{margin:5px auto;border-top:5px red solid;width:100%;max-width:980px;}
-->
_</style>
</head>
<body>
_<h1>サンプル</h1>
</body>
</html>
    • good
    • 0
この回答へのお礼

大変、参考になりました。ありがとうございます。

お礼日時:2011/06/22 12:47

<hr size=5 color=red style="margin-top:-8px;">



cssならば
<div style="width:100%;border-top:red 5px solid;margin-top:-8px;"><br></div>
<br>は、フリーソフトAnother HTML-lint gateway を使用して減点付きエラーで「<div>と</div>の間が空白です。」の対処です

margin-top:-8pxは、ページに隙間無く表示するためです。
-8pxの根拠は有りません、表示して確認ですので。

提示内容は、cssかな

参考URL:http://www.tohoho-web.com/html/hr.htm
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!