如何制作带背景图片的导航

1、在浏览网页的时候，我们经常会看到网页导航有个默认的效果，当你鼠标划过导航的时候，会有另外一个效果，当你点击选中某个栏目的时候，又会是另外一个效果，类似如下图：

4、预览效果如下

6、预览后，发现现在背景全部是白色图片了

8、预览效果，当鼠标滑动到菜单上的时候，会出现淡黄背景图片

10、预览效果如下：

12、他们的实现效果是一样的