制作简单网站导航步骤

使用Dreamweaver新建一个html页，并在间添加css样式。

在间添加一个div，class是预先写好的top

在div中添加列表

添加列表样式top ul li{ float:left;}，预览一下。

去掉列表前面的点，添加list-style:none;

为导航列表添加宽度、高度、行间距、字号等。

为导航列表添加背景色、边框，并且居中显示。

最终效果，如下图。很简单的制作，如果想要更精美就继续学习css吧。