问答详情
源自：4-7 编程练习

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

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

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

提问者：qq_小蚊子_1 2017-07-31 16:27

个回答

  • 慕盖茨7475761
    2019-06-02 18:57:50

    a:focus

    {

       background-color:red;

    }

    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="#">&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
  • zh_ng新
    2018-01-02 21:19:16

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

    0
  • 史努比向前进
    2017-08-11 17:17:31

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

    1
  • 培根熏肉
    2017-08-01 14:26:35

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

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

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

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

    1