本次案例练习价值：
链接属于行内元素，但是此时需要宽度和高度，因此需要模式转换，里面文字需要水平居中和垂直集中，因此需要单行文本垂直居中的代码，链接里面需要设置背景图片，因此小用到背景的相关属性设置
1、元素不能成为块所以需要在外面加一个div，首先需要把这个diy变成行内块，因为这样才可以并排，通过display:inline-block; 把diy变成行内块。
2、先看背景图片宽度和高度，通过width和height设置。
3、把字体居中通过text-align:center;和line-height:48（本来应该是58px的，因为下面有10px的三角形所以需要少增加10px）
4、字体颜色通过color修改
5、清楚下划线text-decoration:none;
以上都是通过查看一步步跟着操作。
鼠标经过变化背景图片，因此需要用到链接伪类选择器。
1、每个都设置一个独立的class
通过.nav .bg1，首先第一张背景图加上并且不重复
.nav .bg1:hover，这个鼠标经过的时候是什么样的背景
web开发源代码案例7-导航案例
五彩导航
五彩导航
五彩导航
五彩导航
五彩导航
| 留言与评论（共有 0 条评论） “” |
