0

現在、私はCSSにこれを持っています:

a:link
{
color: #1d60ff;
text-decoration: underline;
outline: none;
}

a:hover
{
color: #1d60ff;
text-decoration: none;
outline: none;
}

私のウェブサイトのハイパーリンクに対してこのタイプの css 効果を達成する方法を知っている人はいますか? 基本的に、ハイパーリンクの背景はオリーブ グリーン イエローで、ホバリングすると明るい黄色に変わります。

ここに画像の説明を入力

私は w3schools に目を通し、ググったり、バグを発見したり、ソースを表示したりしましたが、このタイプの効果を再現することはできません。使用する適切なcssがわかりません。この Web サイトの CSS をコピーしようとしているわけではありません。彼らがどのようにそれを達成したかを知りたいので、私と同じようなことをすることができます. どんなガイダンスも大歓迎です！

4

5 に答える 5

1

を追加するだけbackground-color: yellow;ですa:hover。これがフィドルです。

于 2013-02-11T13:37:05.273 に答える
1 
a:link
{
color: #1d60ff;
text-decoration: underline;
outline: none;
}

a:hover
{
color: #000;
background-color: #1d60ff;
text-decoration: none;
outline: none;
}

それでおしまい

于 2013-02-11T13:37:45.260 に答える
1

背景色は機能しませんか？

a:link 
{
 color: #1d60ff;
 background-color: #FF0000;
 text-decoration: underline;
 outline: none;
}

a:hover
{
 color: #1d60ff;
 background-color: #00FF00;
 text-decoration: none;
 outline: none;
}
于 2013-02-11T13:38:06.300 に答える
1

あなたは物件を探していますか、background-colorそれとも何か足りないものがありますか?

于 2013-02-11T13:34:59.833 に答える
1

この JFiddle を作成しました。 http://jsfiddle.net/persianturtle/LBsJL/ これは役に立ちますか?

P
{
background-color:black;
color:white;
}
a:link
{
background-color: #aeb05d;
text-decoration: underline;
outline: none;
}

a:hover
{
background-color: yellow;
text-decoration: none;
outline: none;
}
于 2013-02-11T13:38:18.283 に答える