网站分页总结

最新推荐文章于 2022-06-25 08:24:09 发布

xxljh

最新推荐文章于 2022-06-25 08:24:09 发布

阅读量337

点赞数

分类专栏：前端总结

本文链接：https://blog.csdn.net/xxljh/article/details/38349999

版权

前端总结专栏收录该内容

11 篇文章 0 订阅

订阅专栏

/*分页样式*/

*{padding:0px;margin:0px;}

body{font-size: 12px;font-family:Tahoma,Arial,Geneva,sans-serif;color: #333;text-shadow:0px 1px 0px #fff;-o-text-shadow:0px 1px 0px #fff;-moz-text-shadow:0px 1px 0px #fff;-webkit-text-shadow:0px 1px 0px #fff;}

/*分页开始*/
.page{
width:70%;
height: 30px;
line-height: 30px;
background-color: #DCDEDD;
padding:0px 1%;
margin: 2% 0px;
border:1px solid #B9B9B9;
text-align: right;
}
.page .cust_txt{
float: left;
}
.page a{
border:1px solid #557D7B;
color: #557D7B;
margin-right: 1%;
font-size: 14px;
font-weight: bold;
padding:0.6% 1.4%;
text-decoration:none;
}
.page a:hover,.page .cur{
border:1px solid #d5d5d5;
background-color: #c30c00;
color: #fff;
text-decoration: none;
}

/*分页结束*/

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0;">
<title>新闻列表页分页</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>

<div class="page">
<ul class="pagenav">
<a>Home</a>
<a>1</a>
<a href="#">2</a>
<a href="#">Next</a>
<a href="#">End</a>
</ul>
</div>


</body>
</html>

xxljh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网站分页总结

、*{padding:0px;margin:0px;}body{font-size: 12px;font-family:Tahoma,Arial,Geneva,sans-serif;color: #333;text-shadow:0px 1px 0px #fff;-o-text-shadow:0px 1px 0px #fff;-moz-text-shadow:0px 1px 0px #ff
复制链接

扫一扫

专栏目录