1、首先要建立一个DIV，为其命名为“nav”，在DIV中建立一个ul无序列表，导航共有几个栏目，就为列表添加几个li的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
发展壮大离不开广大客户长期以来的信赖与支持，我们将始终秉承“诚信为本、服务至上”的服务理念，坚持“二合一”的优良服务模式，真诚服务每家企业，认真做好每个细节，不断完善自我，成就企业，实现共赢。行业涉及木制凉亭等，在网站建设公司、成都营销网站建设、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。
2、一般导航条采用ul li列表布局，这里也不例外，也采用列表标签ul li + CSS布局。
3、新建html页面 打开html编辑软件，新建一个html页面。如图：添加导航标签 在body标签里新建一个ul/ul标签，然后在ul标签里添加几个li/li标签。如图：在li标签内添加文字。
4、使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。导航栏=链接列表作为标准的HTML基础一个导航栏是必须的。
不能直接修改CSS样式改变颜色，但可以通过span/span的背景图像来实现；代码：效果：原理：通过设置li下span的背景图像来实现小红圆点的效果。
在HTML中没有相应的属性可以设置该效果，但在CSS中可以，相应的属性为list-style-type，要把圆点改成实心方块，只需要设置list-style-type的值为square。
只需要项置list-style-type 的项项 square。
1、ul{list-style：none；} li{list-style：none；} list-style 简写属性在一个声明中设置所有的列表属性。
2、这段代码中，padding和margin属性均设置为0，去除了列表元素的内外边距；list-style属性设置为none，隐藏了列表项前面的标志。这样就能清除ul.ol的样式，使其恢复到默认的样式。
3、选择符(selector)，属性(properties)和属性的取值(value)。
在css标签内，通过class设置ul的样式，将list-style属性设置为none，消除列表的默认序号。请点击输入图片描述 在css标签内，再将padding属性和margin属性消除li列表的内外边距。
取消ul元素默认列表符号的css代码段是：CSS代码如下：ul，ol{list-style：none。margin：0px。padding：0px。}。在CSS中，可以使用list-style-type属性，设置值为none来清除ulli的默认样式。
所以如果把这个图标放在input表单外面，就不会出现这个问题。