如何用css做导航栏如何用css做导航栏

如何用css做导航栏如何用css做导航栏

用css定义一个导航栏

首先，创建一个DIV，将其命名为“nav”,并创建一个

然后设置CSS样式，指定列表的宽度和高度，去掉列表前面的符号。代码是:

Ul{width:宽度值；Height:高度值；列表样式:无；}

如果是横向导航，还需要设置列表项

每列之间的距离可以由margin属性设置。

更多导航栏样式和详细步骤见http://jingyan.Baidu.com/article/da1091FB05Fe93027849d600.html。

html怎么使导航栏居中不变形？

给导航加个p然后给他取个名字然后在CSS帮他居中一下text-align:center；这样就可以给导航居中了

css如何让导航栏不动？

定位，固定定位fixed

如何利用html制作网页水平导航菜单？

1、新建html页面

打开html编辑软件，新建一个html页面。如图：

2、添加导航标签

在body>标签里新建一个ul>/ul>标签，然后在ul>标签里添加几个li>/li>标签。如图：

3、在li>标签内添加文字。

在新建的li>添加要显示的内容。如图：

4、创建样式标签

在title>标签后新建一个styletype="text/css">/style>标签。

5、创建横向导航的样式

在style>标签里添加一个样式类为：.navli{}，然后再.navli类中设置样式背景颜色为红色，浮动为左浮动，内边框上下为8px左右为15px，列表属性为none，字体颜色为白色。

样式代码为：

navli{background-color:red;padding:8px15px;float:left;list-style:none;color:#fff;}

6、引用样式类。

在ul>标签内添加，就可以让nav下的li>标签引用到设置好的样式类。如图：

7、查看效果。

把html文件保存后，使用浏览器打开即可看到横向导航菜单效果。如图：

html导航栏怎么能一直悬浮上面？

1/8首先我们的html里，添加好导航内容。

2/8后面的就是网页的具体内容了，这里的代码简单一些。

3/8样式里，我们先定义一些菜单里的样式。

4/8这时运行页面时，在滚动条滚动下去后，导航是会消失不见的。

5/8为了让导航栏固定在顶部，我们可以在导航容器里添加样式position:fixed;top:0;关键是第一个样式，让它的位置固定起来。

6/8这时运行页面，页面滚动起来，导航也始终在顶部的。

7/8另外需要修改的地方是导航后面的页面内容，需要添加一个margin-top的样式，margin的高度就是导航的高度，或大一点，这主要是让其内容正常显示，而不会被改成position为fixed的导航遮盖住。

8/8添加margin后，导航后面的内容才能正常显示出来。

html两个导航键距离怎么设置？

第一种方法在文字外层编写p设置p的宽高，然后设置p得内边距，第二种方法把文字放到文本标签里，然后设置文本标签的宽高，在设置外边距，这两种方法都可以做到控制文本两边的距离