区切り線いろいろ

hr.solid{
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: red; /* 線色 */
   height: 1px; /* 高さ */
}
hr.dot{
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dotted; /* 線種 */
   border-color: red; /* 線色 */
   height: 1px; /* 高さ */
}
hr.dash{
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dashed; /* 線種 */
   border-color: red; /* 線色 */
   height: 1px; /* 高さ */
}
hr.double{
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: double; /* 線種 */
   border-color: red; /* 線色 */
   height: 1px; /* 高さ */
}

線<hr class=”solid” />

---

点線<hr class=”dot” />

---

大きめな点線<hr class=”dash” />

---

２重線<hr class=”double” />

---