ホームページ >ウェブフロントエンド >htmlチュートリアル >linkをクリックした後に下枠を追加する方法_html/css_WEB-ITnose
linkをクリックした後に下枠を追加する方法_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:42:511470ブラウズ
就像 W3C 的效果不用图片做
回复讨论(解决方案)
a{background:#fff;}a:link, a:visited { background:red;}
a{background:#fff;}a:link, a:visited { background:red;}
这个有红色背景 我只要下面有边框
这个有红色背景 我只要下面有边框
外側のレイヤーに div を追加します,,,
div:visited{border-bottom:2px;border-color:red;}
スタイル border-bttom:solid 10px red を設定します
border-bttom:solid; 2px red ;
外側のレイヤーに div を追加します ,,
div:visited{border-bottom:2px;border-color:red;}
レイヤーを設定してクリックしても効果はありません
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>title</title><style>a{margin:20px;padding:40px;width:100px;border-bottom:3px solid transparent;}a:hover{border-bottom:3px solid red;}div{float:left;}</style> </head><body><a>table1</a><a>table2</a><a>table3</a><a>table4</a> </body></html>
外側のレイヤーに div を追加します、、、
div:visited{border-bottom:2px;border-color:red;} レイヤーをクリックしても効果はありません
It私のコーディング能力は非常に限られており、コードを習得しないとそれを行うことはできません。 。 。 。
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>title</title><style>a{margin:20px;padding:40px;width:100px;border-bottom:3px solid transparent;}a:hover{border-bottom:3px solid red;}div{float:left;}</style> </head><body><a>table1</a><a>table2</a><a>table3</a><a>table4</a> </body></html> これは、クリックした後にジャンプすることです。
ここでマウスが通過するのですが、下に赤い枠線があります。なぜ、赤い線が必要なのですか。 。 。
このウェブサイトのように、このエフェクトが必要です
http://www.w3school.com.cn/
ジャンプしました、、、すでにページを離れています、、、、なぜ赤い線が必要ですか? 。 。
この効果だけが必要です このウェブサイトのように http://www.w3school.com.cn/
投稿者は本当に w3school を理解していますか? ? ?
そのページはリダイレクトされました。 。 。 。これを実行したい場合は、ジャンプしたいページにそれを記述するだけです。 。 。
ここはマウスが通過する場所です。下に赤い枠があります
ジャンプ後、なぜ赤い枠が必要なのですか。ライン？ 。 。 。
この効果だけが必要です このウェブサイトのように
http://www.w3school.com.cn/
投稿者は本当に w3school を理解していますか? ? ?
そのページはリダイレクトされました。 。 。 。これを実行したい場合は、ジャンプしたいページにそれを記述するだけです。 。 。
そうそう、辛抱強く答えていただきありがとうございます
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。