为了账号安全,请及时绑定邮箱和手机立即绑定

"当前页的页码要显示红色背景" 如何实现?

当前的页码,对应的是<a>标签link,visted,hover,active的哪种状态?

我给hover和active都设置了红色的背景,这样做就可以了吗?

正在回答

5 回答

a:focus

{

   background-color:red;

}

0 回复 有任何疑惑可以回复我~

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>页码的制作</title>

<style>

/*在此定义相关CSS样式*/

.page a{

    border:1px solid #e8e8e8;

    background-color:#fff;

    padding:5px 10px;

    margin:5px;

}

.page a:hover,.page a:active

{

    background:#c00;

}

</style>

</head>

<body>

<!--在此制作页码的基本结构-->

<div class="page">

    <a herf="#">首页</a><a herf="#">&lt;</a><a herf="#">1</a><a herf="#">2</a><a herf="#">3</a><a herf="#">...</a>

    <a herf="#">&gt;</a><a herf="#">末页</a>

</div>

</body>

</html>


0 回复 有任何疑惑可以回复我~

我觉得是a:hover跟a:visited设为红色?

0 回复 有任何疑惑可以回复我~

先给比如第一页设置一个名为class的类。定义这个类的样式为background-color:red,就可以把第一页设置为当前页,具体的当前页是哪一页的点击事件需要用javascript去设置

1 回复 有任何疑惑可以回复我~

a:link {color: #FF0000} /* 未访问的链接 */

a:visited {color: #00FF00} /* 已访问的链接 */

a:hover {color: #FF00FF} /* 鼠标移动到链接上 */

a:active {color: #0000FF} /* 选定的链接 */

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

"当前页的页码要显示红色背景" 如何实现?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信