网站分页制作，css分页

html代码如下，css和html要放在同一文件夹下，或者在url里导入css文件的路径。

 
 




使用ul li来制作分页


  
«
  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
»

css样式代码如下，文件名 ：fenye.css。

#pageNumber {
    display: inline-block;
    padding: 0;
    margin-left: 100px;
    margin-top: 200px;
}
h1{
	position:absolute;
	left:100px;
	top:150px;
	}

ul li {
	display: inline;
	}

ul li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none; /*取消超链接下划线*/
    transition: background-color #3s;
    border: 2px solid #ddd; /*设置边框大小颜色*/
    font-size: 30px;
}

ul li a.active {
    background-color: #FFE4C4;
    color: white;
    border: 2px solid 	#FF0000;
}

ul li a:hover {background-color: #00CED1;} /*鼠标到达，改变背景色*/