CSS滚动条的简单实现

  • 内容
  • 相关

效果:

             


代码:

  

 <!DOCTYPE >
<html xmlns="https://www.jqlab.cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>huanhangtiao</title>
<style>
  a{
    width:17px;
    height:20px;
    font:12px/20px "宋体";
  border:1px solid #e0e1e2;
    display:inline-block;
    text-align:center;
    color: #2052a3;
    }
    .shang{
    width:64px;
    }
    a:hover,.active{
    background-color:#1f3a87;
    color:#fff;
    }
</style>
</head>
 
<body>
<div class="">
<a class="shang">上一页</a>
<a>1</a>
<a>2</a>
<a class="active">3</a>
<a>4</a>
<a>5</a>
<a>6</a>
<a>7</a>
<a>8</a>
<a>9</a>
<a class="shang">下一页</a>
</div>
 
</body>
</html>


本文标签:

版权声明:若无特殊注明,本文皆为《晶天》原创,转载请保留文章出处。

本文链接:CSS滚动条的简单实现 - https://www.jqlab.cn/post-556.html