HTML+CSS设计一个简单的水平一级导航栏

.ciao.

于 2022-12-19 16:08:57 发布

阅读量9.7k

点赞数 8

分类专栏： html入门文章标签： css html 前端

本文链接：https://blog.youkuaiyun.com/m0_58291075/article/details/128373618

版权

前面我学习了一段时间的HTML和CSS知识，下面我们来运用知识实现一个简单的水平一级导航栏。

按步骤一步步来：

1 首先我们写出它的HTML部分。

这里是在<div>中使用三个<a>标签，为了方便我没有使用<p>或者<ul>.

2 写出css部分。

           *{
				padding: 0;
				margin: 0;
			}
			#nav{
				width: 300px;
				margin: 100px auto;
				font-size: 0;
			}
			a{
				display: inline-block;
				width: 80px;
				height: 30px;
				font-size: 14px;
				text-align: cent

最低0.47元/天解锁文章