TM_BBの静的HTMLサイトです

細かい事が気になる性格なもので、、、。
『メイン画像』の上に乗せるテキストがこのテンプレートでは『slogan』です。
どんな画像でも映えるように、背景色：黒を40%透過にして、文字色：白というのがデフォルトです。

通常は『タイトル』と『サブタイトル』を入れるので気になりませんが、目次ページの子ページとして『タイトル：ページタイトル』、『サブタイトル：目次へのリンク』として使う場合、リンク文字列が見辛くなります。

今度はどうでしょう？
カッコよくは無いですが、ハッキリと見えますよね。

『sub.css』の最後に追加しました。

CSS記述

/*===スローガンリンク===*/
.slogan a{background-color: #000000;}
.slogan a:hover{background-color: #ffffff;}

この記述は、『class="slogan"』の時だけリンクの背景色：黒、マウスオン時のリンクの背景色：白 と指定しています。文字色を変えてみたりもしましたが、背景色を黒と白にするのならどの色のテンプレートでも使えるのでこれを採用しました。