賢威ではh1～h6まで見出しのデザインを用意しています。
また、見出しにリンクを付けた場合のデザインもあらかじめ用意されています。
通常の見出し
h1見出しが入ります。
|
1 |
<h1>h1見出しが入ります。</h1> |
h2見出しが入ります。
|
1 |
<h2>h2見出しが入ります。</h2> |
h3見出しが入ります。
|
1 |
<h3>h3見出しが入ります。</h3> |
h4見出しが入ります。
|
1 |
<h4>h4見出しが入ります。</h4> |
h5見出しが入ります。
|
1 |
<h5>h5見出しが入ります。</h5> |
h6見出しが入ります。
|
1 |
<h6>h6見出しが入ります。</h6> |
リンク付きの見出し
|
1 |
<h1><a href="#">h1見出し（リンク）が入ります。</a></h1> |
|
1 |
<h2><a href="#">h2見出し（リンク）が入ります。</a></h2> |
|
1 |
<h3><a href="#">h3見出し（リンク）が入ります。</a></h3> |
|
1 |
<h4><a href="#">h4見出し（リンク）が入ります。</a></h4> |
|
1 |
<h5><a href="#">h5見出し（リンク）が入ります。</a></h5> |
|
1 |
<h6><a href="#">h6見出し（リンク）が入ります。</a></h6> |
装飾を解除した見出し
見出しに画像を利用したい場合など、見出しの装飾をすべてリセットしたい場合もあると思います。
その場合は、見出しにクラス「title_no-style」を入れることでリセットできます。
h2見出し（装飾オフ）が入ります。
|
1 |
<h2 class="title_no-style">h2見出し（装飾オフ）が入ります。</h2> |
h3見出し（装飾オフ）が入ります。
|
1 |
<h3 class="title_no-style">h3見出し（装飾オフ）が入ります。</h3> |
h4見出し（装飾オフ）が入ります。
|
1 |
<h4 class="title_no-style">h4見出し（装飾オフ）が入ります。</h4> |
h5見出し（装飾オフ）が入ります。
|
1 |
<h5 class="title_no-style">h5見出し（装飾オフ）が入ります。</h5> |
h6見出し（装飾オフ）が入ります。
|
1 |
<h6 class="title_no-style">h6見出し（装飾オフ）が入ります。</h6> |
