乐码库:一个极速、放心、纯净的下载站! 更新: 资源发布
  • 您的位置:首页 > 技术文档 > CSS/HTML > 学习小实例--滚动条的简单实现
  • 收藏本页
      学习小实例--滚动条的简单实现
      发布时间:2016-09-20 04:00:16 关键词: css实现滚动条
      内容简介:下面小编就为大家带来一篇学习小实例--滚动条的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    效果:

    代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <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>
    

    以上就是小编为大家带来的学习小实例--滚动条的简单实现全部内容了,希望大家多多支持乐码库~

      相关内容
      最新更新
      热门排行榜