/*设置div样式的整体布局*/ .page-icon{ margin:20px 0 0 0;/*设置距离顶部20像素*/ font-size:0;/*修复行内元素之间空隙间隔*/ text-align:center;/*设置内容居中显示*/ } /*设置共有的的样式布局,主要是进行代码优化,提高运行效率*/ .page-icon a,.page-disabled,.page-next{ border:1px solid #ccc; border-radius:3px; padding:4px 10px 5px; font-size:14PX;/*修复行内元素之间空隙间隔*/ margin-right:10px; } /*对 a 标签进行样式布局 */ .page-icon a{ text-decoration:none;/*取消链接的下划线*/ color:#005aa0; } .page-current{ color:#ff6600; padding:4px 10px 5px; font-size:14PX;/*修复行内元素之间空隙间隔*/ } .page-disabled{ color:#ccc; } .page-next i,.page-disabled i{ cursor:pointer;/*设置鼠标经过时的显示状态,这里设置的是显示状态为小手状态*/ display:inline-block;/*设置显示的方式为行内块元素*/ width:5px; height:9px; background-image:url(http://img.mukewang.com/547fdbc60001bab900880700.gif);/*获取图标的背景链接*/ } .page-disabled i{ background-position:-80px -608px; margin-right:3px; } .page-next i{ background-position:-62px -608px; margin-left:3px; }