当前位置:首页 > 千层云服务器 > 正文

css如何让导航栏居中

在css中实现导航栏居中的方法:1.使用ul标签定义导航栏;2.将ul标签设置为行内块级元素;3.设置li标签为左浮动即可;

css如何让导航栏居中

在css中实现导航栏居中的方法

1.首先,在页面中定义一个导航栏;

<body>

<divid="nav">

<ul>

<li><ahref="###">首页</a></li>

<li><ahref="###">菜单</a></li>

<li><ahref="###">帮助</a></li>

</ul>

</div>

</body>

2.导航栏定义好后,在css中将ul标签设置成行内块级元素;

#navul{

display:inline-block;

}

3.最后,ul标签设置好后,在css中将li标签设置为左浮动即可;

#navul{

display:inline-block;

}

#navulli{

float:left;

list-style:none;

margin-left:20px;

}


如果您对该产品感兴趣,请填写办理(客服微信:xiaoxiongyidong)

为您推荐:

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

在线客服