linkをクリックした後に下枠を追加する方法_html/css

linkをクリックした後に下枠を追加する方法_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:42:51

オリジナル

1474 人が閲覧しました

就像 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 を理解していますか? ? ?