記事、メッセージボードのリンクを目立たせるには・・ | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。


テーマ:
※CSS編集可能デザインを採用されている方向けです。

01 (157) - 無料写真検索fotoq
photo by Victor1558


CSS(Cascading Style Sheets)の末尾に次の文字列を追加記入して、全体的なリンクを目立たない色に変えます。


/*-- リンク --*/
a{
text-decoration:none;
color:#777777;
}

/*リンク:訪問済み*/
a:visited{
text-decoration:none;
color:#777777;
}

/*リンク:マウスオーバー時*/
a:hover{
text-decoration:none;
color:#777777;
}





その上で、記事、メッセージボードのリンクを目立たせる為の以下の文字列を追記します。



/*  記事、メッセージボードのリンク文字  */
.articleText a,.skinMessageBoard a{
font-size:14px; /*文字サイズ*/
font-weight:bold; /*文字の太さ*/
color:#0000FF; /*文字色*/
text-decoration:none; /*文字装飾*/
}



以上、記事、メッセージボードのリンクを目立たせる方法をご紹介してみました。



参考になれば、嬉しいのですが・・(;^_^A

ワンタンさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

Ameba人気のブログ