怎么让点击链接后加个下边框_html/css_WEB-ITnose-html教學-PHP中文網

怎么让点击链接后加个下边框_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;}

套了个层点击之后没效果

外层加个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;}

套了个层点击之后没效果

看来楼主的代码能力真心有限，，不上代码都不行了。。。。

<!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吗？？？

它的页面可是跳转了的。。。。如果要这样，，，直接在跳转的页面写死就是了。。。
哦是的谢谢你耐心解答