サイト内検索
...スタイルシート(css)...
スタイルシート・水平線
境界線を付ける
- 境界線を付けるには、 borderプロパティを指定します。
- borderについては、こちらをご覧ください。
- [使い方]
- hr{
width: 70%;
height: 15px;
border: 1px #ccff99 solid;
background-color: #fff58f;
color: #ffff8e;
}
プロパティ名 | 値 | 説明 |
---|---|---|
border: | ; |
「1px #ccff99 solid」
のように太さ・色・種類(スタイル)を指定します。 |
サンプル
[headの中]
<style type="text/css"><!--
hr.sample1{
width: 70%;
height: 15px;
border: 1px #ccff99 solid;
background-color: #fff58f;
color: #ffff8e;
}
hr.sample2{
width: 70%;
height: 30px;
border-style: dashed;
border-width: 3px;
border-color: #ccff99 green green #ccff99;
background-color: #fff58f;
color: #ffff8e;
}
-->
</style>
[bodyの中]
<hr class="sample1"><hr class="sample2">
[ブラウザ上]