1.先定义一个盒子,用(css+div)的方式,而后加上背景色,这儿是盒子的背景色。
2.再用css定义没序列表,并且用到float=left(这儿是浮动的意思)。
3.重点来了,用:hover样式(鼠标悬停样式)
4.而后就到了2级导航(继续用css定义)。
5.最后是HTML-body部分。(要用css+div办法,这般就能很好的利用css定义的属性)
根据上面图中的代码按次序来输入就可看到如下效果
代码内容很简单适合小白看,要紧代码有注释,有误评论区@我。倘若觉得有用给个赞呗(=^▽^=)。
|