<body>
<h1 class="solid">下線をつけた見出し：直線</h1>
<h1 class="dashed">下線をつけた見出し：破線</h1>
<h1 class="dot">下線をつけた見出し：ドット線</h1>
</body>
/* solid */
h1.solid{
  padding-bottom:5px;
  border-bottom:2px solid #000;
  font-size:24px;
  line-height: 1.8;
}
/* dashed */
h1.dashed{
  padding-bottom:5px;
  border-bottom:2px dashed #000;
  font-size:24px;
  line-height: 1.8;
}
/* dot */
h1.dot{
  padding-bottom:5px;
  border-bottom:2px dotted #000;
  font-size:24px;
  line-height: 1.8;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.