制作简单网站导航步骤
使用Dreamweaver制作导航条会用到css样式,现在就给大家简单的制作一个导航条。
操作方法
- 01
使用Dreamweaver新建一个html页,并在<title></title>间添加css样式。
- 02
在<body></body>间添加一个div,class是预先写好的top
- 03
在div中添加列表<ul><li></li></ul>,保存预览
- 04
添加列表样式top ul li{ float:left;},预览一下。
- 05
去掉列表前面的点,添加list-style:none;
- 06
为导航列表添加宽度、高度、行间距、字号等。
- 07
为导航列表添加背景色、边框,并且居中显示。
- 08
最终效果,如下图。很简单的制作,如果想要更精美就继续学习css吧。
赞 (0)