今度はWIKI文法の見出しについてスタイルを変更してみます。

WIKI文法〜対応HTML

WIKI文法と対応HTMLは次のようになっています。

	WIKI文法	対応HTML
見出し(大)	*	<h1>
見出し(中)	**	<h2>
見出し(小)	***	<h3>

CSSのカスタマイズ

基本は引用のときと同じで、.mainクラスと.mainmoreクラスのh1, h2, h3タグをCSSで定義しなおせばいいだけです。

見出し（大）

見出し（中）

見出し（小）

私のCSSではこのように定義しています。

.main h1,.mainmore h1{
        border-style: solid;           /* 枠の形 */
        border-width: 1px 1px 1px 10px; /* 上、右、下、左の枠 */
        border-color: lightskyblue;
        padding-left: 5px;
        font-size: 120%;
}

.main h2,.mainmore h2{
        border-style: solid;           /* 枠の形 */
        border-width: 0px 0px 1px 10px; /* 上、右、下、左の枠 */
        border-color: lightskyblue;
        padding-left: 5px;
        font-size: 100%;
}

.main h3,.mainmore h3{
        border-style: solid;           /* 枠の形 */
        border-width: 0px 0px 0px 5px; /* 上、右、下、左の枠 */
        border-color: lightskyblue;
        padding-left: 5px;
        font-size: 80%;
}