html新闻列表_纯用HTML＋css做导航条

1.先定义一个盒子，用（css＋div）的方式，然后加上背景色，这里是盒子的背景色。

2.再用css定义无序列表，并且用到float=left（这里是浮动的意思）。

3.重点来了，用:hover样式（鼠标悬停样式）

4.然后就到了2级导航（继续用css定义）。

5.最后是HTML-body部分。（要用css＋div方法，这样就能很好的利用css定义的属性）

按照上面图中的代码按顺序来输入即可看到如下效果

代码内容很简单适合小白看，重要代码有注释，有误评论区@我。如果觉得有用给个赞呗(=^▽^=)。