人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSS
リンク部分の下線について質問です

a,
a:link,
a:visited,
a:active {
color: #888888;
text-decoration: none;
border-bottom: 1px #888888 solid ;
}
a:hover {
color: #AAAAAA;
border-bottom: 1px #AAAAAA solid;

リンクの記述がこうなっていますが、マウスオーバーで消すにはどうしたらういいですか?

hoverをtext-decoration: none;にしてもマウスオーバーで消えません。
テキストと色が同じであること、間隔のあき具合はこのままでいきたいです。
activeや888888、AAAAAAなどの意味もわかりません。


●質問者: bqb
●カテゴリ:ウェブ制作
✍キーワード::active :hover :link :visited Active
○ 状態 :キャンセル
└ 回答数 : 2/4件

▽最新の回答へ

1 ● noname

active時hover時にはborderでリンクの下線を作成しているように見えます。

マウスオーバー中すなわちhover時にリンク下線を消したいのであれば、

a:hoverの中から

border-bottom: 1px #AAAAAA solid;

を削除すれば良いのでは内でしょうか?

ちなみに888888とかAAAAAAAは色を表してます。

http://desperadoes.biz/color/color02.php

Aタグについては

http://msugai.fc2web.com/web/tips/astyle.html


2 ● ManalTencho

a:hover の最後の } がないというオチでは?

あと 888888、AAAAAA などの意味(HTML カラーコード)については、以下のリファレンスをどうぞ。

http://html-color-codes.com/

ちなみに、a:active は、ハイパーリンク上でマウスをクリックしたままの状態を指します。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ