リンクの下線を表示させる(させない)

最近のブログのテンプレートの中には、リンクの下線を表示させないようにしている物が多く有ります。

見た目はおしゃれかもしれませんが「リンク」ということが分かり難く、ユーザビリティ的にはマイナス要因となってしまいます。下線を表示させるには、下記のようにスタイルシートを修正します。

a:link {
text-decoration: underline;


※「underline」を「none」にすると、下線が表示されなくなります。


| Page Top ▲

リンクの色を変更する

無料ブログと違い、ムーバブルタイプはスタイルシートを簡単に編集できます。

リンクの色を変更するには、管理画面~テンプレートの中の「スタイルシート」を開き、次の記述を探します。

a:link {
color: #0000FF;

例では、#0000FFという色が指定されているので、この部分を好きな色のコードに変更します。

保存した後再構築すると、リンクの色が変わります。


| Page Top ▲