我们将使用一个HTML列表，因为它可以链接，同时还支持背景图像 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <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: 46px;
    }

    #home {
      background: url('/images/img_navsprites.gif') 0 0;
    }

    #prev {
      left: 63px;
      width: 43px;
    }

    #prev {
      background: url('/images/img_navsprites.gif') -47px 0;
    }

    #next {
      left: 129px;
      width: 43px;
    }

    #next {
      background: url('/images/img_navsprites.gif') -91px 0;
    }
  </style>
</head>

<body>
  <ul id="navlist">
    <li id="home"><a href="/"></a></li>
    <li id="prev"><a href="/css/"></a></li>
    <li id="next"><a href="/css/"></a></li>
  </ul>
</body>
</html>
        