网页中的导航栏菜单需要综合运用Div+CSS的知识，那么怎样制作属于自己的网页导航栏品牌型号：联想 威6系统版本：win10 20H2软件版本：Hbuilder 9.1.29方法/步骤1/11分步阅读

首先，书写一个div标签，并且在这个div标签添加一个类，类名可以自定义，这里我就把类名设置为.mynav。然后在div里面嵌套了ul，ul里面嵌套了li，li标签存放的是菜单的内容，这里我就设置5个菜单。

2/11

接着来预览下最初的效果。

3/11

然后我们要清除所有标签的margin和padding，所以要使用通配符*。

4/11

接着开始设置.mynav的属性。如图，我设置它的宽度为1000px，高度为50px。这个宽高可以自己设置。然后使用设置margin为0 auto,让div可以在网页居中显示，更加美观。

5/11

这样就会得出如图所示的效果。

6/11

接着设置ul的属性list-style为none。

7/11

这样菜单前面的小圆点就会消失不见了。

8/11

接着设置li标签的属性float为left。

9/11

这样菜单就会浮动起来，变成横排的了。

10/11

接着来设置a标签的属性，我们把a标签的下划线去掉，这就要使用text-decoration属性。然后我们把a标签转成块级元素，这样菜单就可以撑满整个div了

11/11

这样，导航栏基本完成。

注意事项

个人经验，如果对您有所帮助，请帮忙点赞