>웹 프론트엔드 >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으로 문의하세요.