HTML中滚动条的实习案例

发布时间：2020-10-26 11:41:56 阅读：113 作者：小新栏目：web开发

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

小编给大家分享一下HTML中滚动条的实习案例，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

<!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>

以上是HTML中滚动条的实习案例的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

HTML中滚动条的实习案例

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签