纯用HTML+css做导航条
时间:2023-07-26 17:27:02 | 来源:网站运营
时间:2023-07-26 17:27:02 来源:网站运营
纯用HTML+css做导航条:1.先定义一个盒子,用(css+div)的方式,然后加上背景色,这里是盒子的背景色。
2.再用css定义无序列表,并且用到float=left(这里是浮动的意思)。
3.重点来了,用:hover样式(鼠标悬停样式)
4.然后就到了2级导航(继续用css定义)。
5.最后是HTML-body部分。(要用css+div方法,这样就能很好的利用css定义的属性)
按照上面图中的代码按顺序来输入即可看到如下效果
代码内容很简单适合小白看,重要代码有注释,有误评论区@我。如果觉得有用给个赞呗(=^▽^=)。