论坛换页html、css

来源：互联网发布：金庸武侠知乎编辑：程序博客网时间：2024/06/15 19:40
<!DOCTYPE HTML><html><head>    <meta charset="utf-8" />    <title>论坛换页html、css</title>    <style>        body,p,h1,h2,h3,h4,h5,h6,dl,dd {            margin: 0;            font-size: 12px;            /* font-family:XX; */        }        ol,ul {            list-style: none;            padding: 0;            margin: 0;        }        a {            text-decoration: none;        }        img {            border: none;        }        /* 默认样式重置 (css reset)  */        .pages {            height: 60px;            background: #e8e8e8;            width: 600px;            margin: 90px auto;            text-align: center;        }        .pages a {            background: #fff;            border: 1px solid #cdcdcd;            color: #333333;            padding: 0 8px 0 9px;            height: 28px;            line-height: 28px;            display: inline-block;        }        .pages a:hover {            border-color: red;            color: red;        }        .pages .active {            font-weight: bold;            background: #fcf9ea;            cursor: text;        }        .pages .active:hover {            border-color: #cdcdcd;            color: #333333;        }    </style></head><body>    <div class="pages">        <a href="#">上一页</a>        <a href="#">1</a>        <a href="#">2</a>        <a href="#" class="active">3</a>        <a href="#">4</a>        <a href="#">15</a>        <a href="#">211</a>        <a href="#">255…</a>        <a href="#">下一页</a>    </div></body></html>
阅读全文
0 0