テキストリンクの下線を変更してみる 2 | Androidアプリ開発、Webアプリ開発、スマホサイト作成、アメブロカスタマイズ

Androidアプリ開発、Webアプリ開発、スマホサイト作成、アメブロカスタマイズ

アンドロイド タブレット、スマートフォン、Webサーバー、ブログを連携させて何ができるのか、遊びと実験と酒と肴の覚書ブログです。


テキストリンクに下線をつけたほうがいいのか
消したほうがいいのか、迷っていました。
テキストリンクの下線を変更してみる 1

サイドメニューのリンクは、
文字を読みやすくするために、
下線を消して、

記事本文のリンクは、
リンクしていることを明確にするために
下線をつけることにしました。

----- ↓変更後 -----
a{
text-decoration: underline;
}
div.skinMenuBody a:link{
text-decoration: none;
}
div.skinMenuBody a:hover{
text-decoration: underline;
}
a.skinTitle:link,
a.skinArticleTitle:link{
text-decoration: none;
}
a.skinTitle:hover,
a.skinArticleTitle:hover{
text-decoration: underline;
}