html运行实例（css_sprites_nav）-搜寻教程库

代码示例：（标识：css_sprites_nav）

<!DOCTYPE html>
<html>
<head>
<style>
#navlist {
  position: relative;
}

#navlist li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
}

#navlist li, #navlist a {
  height: 44px;
  display: block;
}

#home {
  left: 0px;
  width: 43px;
  background: url('/static/demo/images/navsprites.png') 0 0;
}

#prev {
  left: 63px;
  width: 42px;
  background: url('/static/demo/images/navsprites.png') -47px 0;
}

#next {
  left: 129px;
  width: 42px;
  background: url('/static/demo/images/navsprites.png') -91px 0;
}
</style>
</head>
<body>

<ul id="navlist">
  <li id="home"><a href="/css/index.html"></a></li>
  <li id="prev"><a href="/css/css_jianjie.html"></a></li>
  <li id="next"><a href="/css/css_syntax.html"></a></li>
</ul>

</body>
</html>