MB-Support

パソコン初心者のサポートページ

ボーダーライン

 <hr />


ボーダーラインを表示したい場合は、<hr /> を記入します。



HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>シャーロック・ホームズ</p>
<hr />
</body>
</html>

ブラウザ

ボーダーラインの太さを変える。<hr noshade size="サイズ" />


HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>シャーロック・ホームズ</p>
<hr noshade size="6" />
</body>
</html>

ブラウザ


太さは 1 〜 7 までで、1 は指定する必要無いです。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>シャーロック・ホームズ</p>
<hr />
<hr noshade size="2">
<hr noshade size="3">
<hr noshade size="4">
<hr noshade size="5">
<hr noshade size="6">
<hr noshade size="7">
</body>
</html>

ブラウザ


区切り線の色を変える <hr style="color: カラーコード or カラーネーム "> color とカラーコード or カラーネーム間の「:」(コロン)を忘れずに!!

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>シャーロック・ホームズ</p>
<hr style="color:red;" />
</body>
</html>

ブラウザ

カラーテーブル



応用編 区切り線の色と太さを変更する。 style="color:blue" と size="7" の間に半角スペースを忘れないで下さい。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>シャーロック・ホームズ</p>
<hr noshade style="color:blue" size="7" />
</body>
</html>

ブラウザ




戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項