自分でタグを入力して、XHTMLとCSSでサイトを作っているのですがどうしても解決できない問題があるので質問させていただきます。
サイトの各ページに飛ぶテキストリンクをページの上部に作っていて、そのリンクを
・通常時(a:link)は・・・・・・・・下線なし
・訪問後(a:visited)は・・・・・・・下線なし
・マウスオーバー時(a:hover)は・・・下線あり
というふうにしたいので、CSSに書いたのですがどの場合においても下線が表示されてしまいます。
CSSをどのように書き直せば、上記のように下線が表示されるのでしょうか教えてください。
XHTML:http://love.meganebu.com/~twilight/question/inde …
CSS:http://love.meganebu.com/~twilight/question/main …
No.2
- 回答日時:
指定の仕方がちょっと違う。
text-decoration: none;
と
text-decoration: underline;
http://www.htmq.com/style/text-decoration.shtml
No.3
- 回答日時:
・アンカーの下線を消すには
a { text-decoration: none; }
・マウスオーバー時は、
a:hover{text-decoration: underline}
したがって、
a:link {color: #bf5400;border-bottom: 0; text-decoration: none;}
a:visited {color: #a67e4e;border-bottom: 0; text-decoration: none;}
a:hover {color: #ec9800;border-bottom: 1px #ec9800 solid; text-decoration: underline; }
これでよろしいかと。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptで任意の文字の色を...
-
リンクの下線を破線にしている...
-
Macで画像の切り抜きできないの?
-
【ヒトの神秘】美男美女から何...
-
ウインドウを小さくするとbody...
-
htmlの文字が縦書きになる
-
htmlのolやulなどlistにtitleや...
-
CSSのクラス名・ID名の指定でワ...
-
携帯サイト、ナノでのタグ編集...
-
スクロールボックスを中央に配...
-
隙間をなくすには?
-
<h1>、<h2>と<p><div>の行間を...
-
pythonでのカーソル移動がずれる
-
【VBA/HTML】IE画面内のページT...
-
idの中のid指定
-
iPadのスクリーン座標のサイズ...
-
ulとliで囲った文字の一部を変...
-
画像イメージの上下左右、欲し...
-
jQuery-もっと見るボタンをスマ...
-
「諸要素」とはどういう意味で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HRタグ 枠線を透明にするには?
-
カラープレーンってなんですか?
-
<form <input type="text"の枠...
-
マウスオーバーでの反応速度が遅い
-
リンク部分にカーソルが来たら...
-
<pre>~</pre>について
-
CSSでクラスのエイリアス(include)
-
テキストエリア送信の際の文字...
-
smartyテンプレートの<style></...
-
スクロールバーが薄いです。
-
C# RichTextBoxで選択した文字...
-
システムカラーをRGB値に
-
HPのスクロールバーについて。
-
点線や破線を引くには
-
ホームページビルダー・表に透...
-
スマホで見ると、文字があまり...
-
訪問済のリンク色を変えない方法
-
リンクの下線の距離を変更した...
-
ビルダー インラインフレーム...
-
プログラミング言語 R グラフ
おすすめ情報