罫線の色・幅・高さ・枠
<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>
〔 実行する 〕