自制导航页面：使用图片与渐变色来美化

1、首先，这个导航页面每一横条是一个div分组，每一个图片也在一个div分组。定义css样式如图，.group对应横条，.box对应一个放置图片的fiv。

4、接下来，设置样式tag。tag负责占据每个图片的下半边，显示一个渐变色。使用background-image属性设置一个从上到下，从透明到黑色的渐变色，如图。