W3Schools 代码 - Tryit

<!DOCTYPE html>
<html>
<head><meta http-equiv="content-security-policy" content="script-src 'none'">
<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;
  background: url('../images/img_navsprites_hover.gif') 0 0;
}

#prev {
  left: 63px;
  width: 43px;
  background: url('../images/img_navsprites_hover.gif') -47px 0;
}

#next {
  left: 129px;
  width: 43px;
  background: url('../images/img_navsprites_hover.gif') -91px 0;
}

#home a:hover {
  background: url('../images/img_navsprites_hover.gif') 0 -45px;
}

#prev a:hover {
  background: url('../images/img_navsprites_hover.gif') -47px -45px;
}

#next a:hover {
  background: url('../images/img_navsprites_hover.gif') -91px -45px;
}
</style>
</head>
<body>

</body>
</html>