スタイリッシュな見出し

RESULT
HTML
CSS

Heading01
Heading02
Heading03
Heading04

コピー

<h1 class="msr_h105">Heading01</h1>
<h2 class="msr_h205">Heading02</h2>
<h3 class="msr_h305">Heading03</h3>
<h4 class="msr_h405">Heading04</h4>

コピー

.msr_h105 {
  border-bottom:1px solid #999999;
  color: #333;
  font-size: 32px;
  margin: 0 0 20px;
  padding: 0 0 8px;
}
.msr_h205 {
  border-bottom:1px solid #999999;
  color: #333;
  font-size: 24px;
  margin: 0 0 20px;
  padding: 0 0 8px;
}
.msr_h305 {
  border-bottom:1px solid #999999;
  color: #333;
  font-size: 20px;
  margin: 0 0 20px;
  padding: 0 0 8px;
}
.msr_h405 {
  color: #333;
  font-size: 20px;
  margin: 0 0 20px;
}