Home >Web Front-end >HTML Tutorial >How to add a lower border after clicking a link_html/css_WEB-ITnose
How to add a lower border after clicking a link_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:42:511470browse
Just like the W3C effect without using pictures
Reply to discussion (solution)
a{background:#fff;}a:link, a:visited { background:red;}
a{background:#fff;}a:link, a:visited { background:red;} This one has a red background, I just want a border below it
This one has a red background, I just want a border below it
Add a div to the outer layer,,,
div:visited{border-bottom:2px;border-color:red;}
Set style border-bttom:solid 10px red;
border-bttom:solid 2px red;
Add a div to the outer layer,,,
div:visited{border-bottom:2px;border-color:red;}
Add a div to the outer layer,,,
div:visited{border-bottom:2px;border-color:red;}
It seems that the author’s coding ability is really limited, and it won’t work unless he can code. . . .
<!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>
Add a div to the outer layer,,,
div:visited{border-bottom:2px;border- color:red;}
It seems that the author’s coding ability is really limited, and it won’t work without the code. . . .
<!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> What I want is to jump after clicking. There is a red border below
What you want is the mouse passing over it. What's more, it jumps after clicking. There is a red border below
It jumps. You have already left the page. Why do you need the red line? . .
This is where the mouse is passing. What I want is to jump after clicking. There is a red border below
Jumped,,, you have left. Page,,,, why do we need a red line? . .
I just need this effect Just like this website
http://www.w3school.com.cn/
Your mouse is passing over this. What I want is to jump after clicking. There is a red border below
If it jumps, you have already left the page. Why do you need the red line? . .
I just need this effect Just like this website
http://www.w3school.com.cn/
Does the poster really understand w3school? ? ?
Its page has been redirected. . . . If you want to do this, just write it in the page you want to jump to. . .
You are passing the mouse over this. What I want is to jump after clicking. There is a red border below
Jumped,,, you have left the page,,,, why do you need the red line? . .
I just need this effect Just like this website
http://www.w3school.com.cn/
Does the poster really understand w3school? ? ?
Its page has been redirected. . . . If you want to do this, just write it in the page you want to jump to. . .
Oh yes thank you for your patience