"当前页的页码要显示红色背景" 如何实现？-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：4-7 编程练习

qq_小蚊子_1

2017-07-31 16:27

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

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

写回答关注

5回答

慕盖茨7475761

2019-06-02 18:57:50

a:focus
{
background-color:red;
}

0 0
小君i

2019-05-15 19:18:27

<!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="#"><</a><a herf="#">1</a><a herf="#">2</a><a herf="#">3</a><a herf="#">...</a>
<a herf="#">></a><a herf="#">末页</a>
</div>
</body>
</html>

0 0
zh_ng新

2018-01-02 21:19:16

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

0 0
史努比向前进

2017-08-11 17:17:31

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

0 1
培根熏肉

2017-08-01 14:26:35

a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */

0 1

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

相似问题

如何实现“当前页的页码要显示红色背景”？

回答 4

logo的背景色显示不出来

回答 2

为什么背景色没有显示？

回答 1

请大神教我如何定义当前页码的CSS样式？

回答 1

为什么只显示em背景只显示蓝色

回答 2

打开慕课网App查看更多内容