罫線の色・幅・高さ・枠
<html>
<head>
<title>罫線の色・幅・高さ・枠</title>
<style type="text/css">
<!--
.hr1 {
color: red;
}
.hr2 {
width: 80%;
height: 20px;
background-color: blue;
}
.hr3 {
height: 30px;
background-image: url("back.jpg");
}
.hr4 {
height: 10px;
color: #ff0;
border: 2px #0f0 double;
}
.hr5 {
height: 15px;
color: #f0f;
border: 3px #f00 dashed;
}
//-->
</style>
</head>
<body>
<hr class="hr1">
<br>
<hr class="hr2">
<br>
<hr class="hr3">
<br>
<hr class="hr4">
<br>
<hr class="hr5">
</body>
</html>
〔 実行する 〕