html导航栏的设置方法：1、直接使用html5中的导航栏标签【】；2、可以无序列表，去除默认样式设置浮动就可以；3、设置超链接。
本文操作环境：Windows7系统，html5版本，Dell G3电脑。
html导航栏的设置方法：
1、首先，大家可以直接使用html5中的导航栏标签
具体代码如下
导航栏这是实际的效果，可以根据实际需要，去除下划线和颜色等等
2、接下来可以无序列表，去除它的默认样式设置浮动就可以了，具体的代码如下
ul{
height: 100px;
width:100%;
list-style-type: none; //取消无序列表的固定样式
}
ul li{
float:left;
margin: 20px; //设置三个元素的外间距
}
这是实际的效果图。
3、设置超链接
在这里还想说的是，
- 的子集元素只能是
- ，不可以是别的，HTML的语义很弱，标签的使用很重要，在实际的网页开发中，不同标签的语义，权重都不一样，所以，优化也不一样。
4、可以使用bootstrap，大家可以看一下具体的代码和详细的注释。
bootstrap的学习实际效果如下
更多编程相关知识，请访问：编程教学！！
扫一扫
1003
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
