少し使用しているテーマの＜h1＞～＜h6＞タグをスタイルシート(CSS)を使ってでアンダーラインを引いて
少し目立つようにして見ました。
（FONTサイズも小さくして見ました。
追加したスタイルシート(CSS)は以下のものです。
<style type="text/css">
h1.paragraph { font-size: 24px; line-height: 1.2; margin: 0.3em 0 10px;
border-width: 0px 0px 2px 10px; border-style: solid;border-color: #999999; }
h2.paragraph { font-size: 22px; line-height: 1.3; margin: 1em 0 .2em;
border-width: 0px 0px 2px 10px; border-style: solid;border-color: #999999; }
h3.paragraph { font-size: 20px; line-height: 1.3; margin: 1em 0 .2em;
border-width: 0px 0px 2px 10px; border-style: solid;border-color: #999999; }
h4.paragraph { font-size: 18px; margin: 1.33em 0 .2em;
border-width: 0px 0px 2px 10px; border-style: solid;border-color: #999999; }
h5.paragraph { font-size: 1.3em; margin: 1.67em 0; font-weight: bold;
border-width: 0px 0px 2px 10px; border-style: solid;border-color: #999999; }
h6.paragraph { font-size: 1.15em; margin: 1.67em 0; font-weight: bold;
border-width: 0px 0px 2px 10px; border-style: solid;border-color: #999999; }
</style>
＜h1＞～＜H6＞タグにclassを指定します。
<h1 class="paragraph">h1</h1> <h2 class="paragraph">h2</h2> <h3 class="paragraph">h3</h3> <h4 class="paragraph">h4</h4> <h5 class="paragraph">h5</h5> <h6 class="paragraph">h6</h6>
表示は以下のようになります。
classを指定したh1
classを指定したh2
classを指定したh3
classを指定したh4
classを指定したh5
classを指定したh6
以下は指定しない表示です。
