网站分页制作,css分页

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



 
制作分页链接 




使用ul li来制作分页

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;} /*鼠标到达,改变背景色*/

 

 

 

你可能感兴趣的:(HTML+CSS)