Heim >Web-Frontend >HTML-Tutorial >怎么让点击链接后加个下边框_html/css_WEB-ITnose
怎么让点击链接后加个下边框_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:42:511470Durchsuche
就像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吗？？？
它的页面可是跳转了的。。。。如果要这样，，，直接在跳转的页面写死就是了。。。
哦 是的 谢谢你耐心解答
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：css 雪碧图的制作_html/css_WEB-ITnoseNächster Artikel：如何一个td或table里的图片等比例缩小（css问题）图片自动缩放_html/css_WEB-ITnose