本文介绍了如何通过CSS背景定位来减少HTTP请求，提高网页加载速度。通过设置一个包含所有小图片的大图作为背景，并调整各元素的background-position属性，实现了用一个图片代替多个图片的效果。示例代码展示了如何实现这一技巧。
在平常的网页开发中，我们常常会加载很多小图片，<img src="" alt="">一次图片的加载就相当于一次http请求，过多的请求会拖慢网页的访问速度。有时我们会采用css坐标方式加载图片，这样原本需要加载十张小图片就变成了只加载一张图片。
话不多说，先上代码给需要实现功能的小伙伴。
<html>
<head>
<style type="text/css">
.spanicon {
width: 32px;
height: 32px;
background: url(https://img-blog.csdn.net/20130808153035296) no-repeat;
border: 0;
color: #464646;
line-height: 32px;
margin-top: 2px
}
td {
vertical-align: middle;
text-align: left
}
a{
text-decoration:none;
}
</style>
</head>
<body>
<table>
<tr>
最低0.47元/天 解锁文章
扫一扫
1467
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
