首頁 >web前端 >html教學 >怎么让点击链接后加个下边框_html/css_WEB-ITnose

怎么让点击链接后加个下边框_html/css_WEB-ITnose

WBOY
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;}

   套了个层点击之后没效果


外层加个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吗???

它的页面可是跳转了的。。。。如果要这样,,,直接在跳转的页面写死就是了。。。
哦   是的   谢谢你耐心解答
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn