需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建一个html文件，例如：index.html。
2、其次，在index.html中的<style>标签中，输入css样式代码：body {background: url(image7.jpg) no-repeatbackground-size: 250px}。
3、最后，浏览器运行index.html页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。
暂时试了下，你的<a>里面有数字的会下沉，所以你需要在左右箭头里面加一些内容
例如：
<div class="paging">
<a href="#" class="pagePrev">p<b></b></a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#" class="pageNext">n<b></b></a>
</div>
错位的原因我也说不清~这算是一种解决方法吧~
或者写nbsp咯~
