本文目录一览：
如何用HTML+CSS制作导航条?
今天分享一下简单导航栏的制作方法：第一步：引入css样式表，新建一个id为nav的层，使用ul、li、a标签来制作完成效果。
给大家做一个小列子，采用DIV和CSS来实现，同时我们并不用图片来做背景，直接用背景色来实现，鼠标悬停在对应栏目的名称后对应的背景蓝色变深。一般导航条采用ul li列表布局，这里也不例外，也采用列表标签ul li + CSS布局。
导航条的设置效果 通过列表制作 导航条的DIV样式设置 important实现对不同的浏览器设值，列表项样式 但这样看起来还是没有任何效果，只是显示文本一样。
使用ul标签和css制作导航条
1、首先要建立一个DIV，为其命名为“nav”，在DIV中建立一个ul无序列表，导航共有几个栏目，就为列表添加几个li的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
2、一般导航条采用ul li列表布局，这里也不例外，也采用列表标签ul li + CSS布局。
3、使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。导航栏=链接列表作为标准的HTML基础一个导航栏是必须的。
4、定义一个盒子（“menu”），用来装这个导航的。用无序列表（ul）中的列（li）放导航的内容。把li的浮动（float）设置为向左浮动（float：left；），这样，就实现了水平导航条了。在做其他的一些修饰。-css导航条
如何用css代码让导航条透明化
1、在淘宝店铺装修页面的导航栏设置中，找到“背景颜色”选项，将颜色设置为透明色或者是#rgba(0，0，0，0)即可使导航栏颜色变成透明。
2、其中background：#000； filter：alpha(opacity：30)； opacity：0.3；为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明。其关的属性介绍如下：opacity： 0.3；这是“最重要的”，因为它是在CSS的现行标准。-css导航条
3、filter：progid：DXImageTransform.Microsoft.Alpha(opacity=70)；}关于导航栏颜色的css代码，你可以搜索“淘哥毛弟助手”，里面有导航栏颜色的CSS代码生成工具。-css导航条
4、#000000；}.all-cats .link .title{color：#000000；}.all-cats .link .popup-icon{background：transparent；} 我百度空间中有代码生成工具，其中有一项就是关于导航栏CSS代码的，可以自助生成代码，你可以去看看。-css导航条
