大家好,又见面了,我是你们的朋友全栈君。
1.首先,大家可以直接使用html5中的导航栏标签
具体代码如下
代码语言:javascript代码运行次数:0运行复制
这是实际的效果,可以根据实际需要,去除下划线和颜色等等
2.接下来可以无序列表,去除它的默认样式设置浮动就可以了,具体的代码如下
代码语言:javascript代码运行次数:0运行复制
ul{
height: 100px;
width:100%;
list-style-type: none; //取消无序列表的固定样式
}
ul li{
float:left;
margin: 20px; //设置三个元素的外间距
}
这是实际的效果图。
3.设置超链接
在这里还想说的是,
- 的子集元素只能是
- ,不可以是别的,HTML的语义很弱,标签的使用很重要,在实际的网页开发中,不同标签的语义,权重都不一样,所以,优化也不一样。
4.可以使用bootstrap,大家可以看一下具体的代码和详细的注释。
代码语言:javascript代码运行次数:0运行复制
bootstrap的学习 实际效果如下
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/140088.html原文链接:https://javaforall.cn