:hover选择器知识点

来源：互联网发布：儿童阅读打卡软件编辑：程序博客网时间：2024/06/05 20:11

①：hover选择器。

鼠标滑过会有颜色。

例如：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>分页</title>    <style type="text/css">        .page a:hover{            border: 1px solid #ff9600;            padding: 5px 5px;            text-decoration: none;            color: black;            background: #ff9600;        }        .page .lue {            color: #ff9600;        }        .page .current{            color:#ff9600;            border:1px solid #ff9600;            padding:5px 5px;            background: #ffbe94;        }        .page .pre{            border:1px solid #ffe3c6;            color: #ffe3c6;            padding:5px 5px;        }        .page{            text-align: center;        }    </style></head><body>       <div class="page">           <span class="pre"><</span>           <span class="current">1</span>           <a href="#">2</a>           <a href="#">3</a>           <a href="#">4</a>           <a href="#">5</a>           <span class="lue">...</span>           <a href="#">199</a>           <a href="#">200</a>           <a href="#">></a>       </div></body></html>

0 0