怎么让点击链接后加个下边框

y362623206 2015-06-10 05:33:06

就像W3C的效果 不用图片做
...全文
198 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
y362623206 2015-06-11
  • 打赏
  • 举报
回复
引用 11 楼 gy127132060 的回复:
[quote=引用 10 楼 u012153496 的回复:] [quote=引用 9 楼 gy127132060 的回复:] [quote=引用 8 楼 u012153496 的回复:] 你这个是鼠标经过,我想要的是点击之后跳转了 下面有红边框
跳转了,,,你都离开页面了,,,还要红线干嘛。。。[/quote] 我就是需要这个效果 就像这个网站一样 http://www.w3school.com.cn/[/quote] 楼主真的了解w3school吗??? 它的页面可是跳转了的。。。。如果要这样,,,直接在跳转的页面写死就是了。。。[/quote] 哦 是的 谢谢你耐心解答
香蕉猪 2015-06-11
  • 打赏
  • 举报
回复
引用 10 楼 u012153496 的回复:
[quote=引用 9 楼 gy127132060 的回复:]
[quote=引用 8 楼 u012153496 的回复:]
你这个是鼠标经过,我想要的是点击之后跳转了 下面有红边框

跳转了,,,你都离开页面了,,,还要红线干嘛。。。[/quote]
我就是需要这个效果 就像这个网站一样
http://www.w3school.com.cn/[/quote]
楼主真的了解w3school吗???

它的页面可是跳转了的。。。。如果要这样,,,直接在跳转的页面写死就是了。。。
y362623206 2015-06-11
  • 打赏
  • 举报
回复
引用 9 楼 gy127132060 的回复:
[quote=引用 8 楼 u012153496 的回复:] 你这个是鼠标经过,我想要的是点击之后跳转了 下面有红边框
跳转了,,,你都离开页面了,,,还要红线干嘛。。。[/quote] 我就是需要这个效果 就像这个网站一样 http://www.w3school.com.cn/
香蕉猪 2015-06-11
  • 打赏
  • 举报
回复
引用 8 楼 u012153496 的回复:
你这个是鼠标经过,我想要的是点击之后跳转了 下面有红边框
跳转了,,,你都离开页面了,,,还要红线干嘛。。。
y362623206 2015-06-11
  • 打赏
  • 举报
回复
引用 7 楼 gy127132060 的回复:
[quote=引用 6 楼 u012153496 的回复:] [quote=引用 3 楼 gy127132060 的回复:] 外层加个div,,, div:visited{border-bottom:2px;border-color:red;}
套了个层点击之后没效果[/quote] 看来楼主的代码能力真心有限,,不上代码都不行了。。。。

<!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>
[/quote] 你这个是鼠标经过,我想要的是点击之后跳转了 下面有红边框
香蕉猪 2015-06-11
  • 打赏
  • 举报
回复
引用 6 楼 u012153496 的回复:
[quote=引用 3 楼 gy127132060 的回复:] 外层加个div,,, div:visited{border-bottom:2px;border-color:red;}
套了个层点击之后没效果[/quote] 看来楼主的代码能力真心有限,,不上代码都不行了。。。。

<!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>
y362623206 2015-06-11
  • 打赏
  • 举报
回复
引用 3 楼 gy127132060 的回复:
外层加个div,,, div:visited{border-bottom:2px;border-color:red;}
套了个层点击之后没效果
滴滴月空雨 2015-06-11
  • 打赏
  • 举报
回复
border-bttom:solid 2px red;
usecf 2015-06-11
  • 打赏
  • 举报
回复
设置样式 border-bttom:solid 10px red;
香蕉猪 2015-06-10
  • 打赏
  • 举报
回复
引用 2 楼 u012153496 的回复:
这个有红色背景 我只要下面有边框
外层加个div,,, div:visited{border-bottom:2px;border-color:red;}
y362623206 2015-06-10
  • 打赏
  • 举报
回复
引用 1 楼 gy127132060 的回复:

a{background:#fff;}
a:link, a:visited {
    background:red;
}
这个有红色背景 我只要下面有边框
香蕉猪 2015-06-10
  • 打赏
  • 举报
回复

a{background:#fff;}
a:link, a:visited {
    background:red;
}

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧