-
代码整理：a标签里有的，a:hover里面不需要
有公共属性的可以把公共属性删除
查看全部 -
行内元素有空隙
产生原因：换行符、tab、空格产生间隙
解决方法：1、元素写成一行
2、设置font-size:0查看全部 -
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.page-normal{
color: #ff6500;
text-align: center;
font-size: 0;
}
.page-normal a{
border: 1px solid #ff9600;
text-decoration: none;
color: #ff6500;
}
.page-normal a:hover{
border: 1px solid #ff6500;
background: #ffb494;
}
.page-current{
border: 1px solid #ff6500;
color: #ff6500;
background: #ffb494;
}
.page-prev{
border: 1px solid #ffe3c6;
color: #ffe3c6;
}
.page-prev,.page-current,.page-normal a{
padding: 5px 7px;
font-size: 18px;
margin-left: 15px;
}
.page-normal i{
display: inline-block;
width: 5px;
height: 9px;
background: url("e.gif");
}
.page-prev i{
background-position: -67px -608px;
margin-right: 5px;
}
.page-next i{
background-position: -74px -608px;
margin-left: 5px;
vertical-align: middle;
}
</style>
</head>
<!--
行内元素中间有空隙
原因：换行符、tab制表符、空格产生空隙
解决：元素写在一行
font-size：0;
-->
<body>
<div class="page-normal">
<span class="page-prev"><i></i><</span>
<span class="page-current">1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
...
<a href="#">199</a>
<a href="#">200</a>
<a href="#" class="page-next">><i></i></a>
</div>
</body>
</html>
查看全部 -
使用什么标签来制作分页页码
查看全部 -
嗯查看全部
-
分页查看全部
-
宽度和高度对块级元素有作用，对行内元素没有作用
要设置行内元素的宽高，需要先把行内元素转换为块级元素----display
查看全部 -
行内元素中间有空隙： 产生原因：换行符、tab、空格产生空隙 解决方法：元素写成一行；设置font-size：0查看全部
-
< 是 < >是 >查看全部
-
好，不错，鼠标滑过........查看全部
-
行内元素中间有空隙： 产生原因：换行符、tab、空格产生空隙 解决方法：元素写成一行；设置font-size：0查看全部
-
行内元素有间隔bug问题查看全部
-
上一页下一页插入左右小键头（雪碧图） HTML在“上一页”的前面加<i></i>标签 在“下一页”的后面加<i></i>标签 CSS给i标签加样式:想要插入雪碧图得先给它一个宽高，但内联元素给宽高无效，要先转为块元素下的内联元素，给总的i标签加display:inline-block，background插入图 再分别给上一页下一页的i标签加样式定位background-position:x轴 y轴;查看全部
-
代码整理 不同属性相同样式，可以单独提取出来放在一起查看全部
-
页码标签样式有padding:5px 7px;查看全部
举报