首先要建立一个DIV，为其命名为“nav”，在DIV中建立一个<ul>无序列表，导航共有几个栏目，就为列表添加几个<li>的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
然后设置CSS样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：
ul {width:宽度值；height：高度值； list-style:none；}
如果是横向导航，还需为里面的列表项<li>标签设置左浮动的样式，代码为：li {float:left}
每个栏目之间分隔的距离可通过margin（外边距）属性来设置。
1、首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容。
2、此时对应效果如图。
3、接下来准备相关的导航按钮图片（可以事先利用PS制作好）。
4、然后将以下CSS代码加入到<head></head>之间。
5、网页此时的效果如图，就完成了。
你这代码不全啊td不能单独使用，<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<span width="722" style="background-color: red"><!--#begineditable contype="" name="网站导航" action="" layout="" clone="0" namechanged="0" order="0" ispublic="0" tagname="网站导航" viewid="16588" stylesysid=""-->elementname<!--#endeditable--></span>
</body>
<!--//td需要配合tr使用不然页面不识别TD元素没办法 *** 作-->
<!--<table border="1">-->
<!--<tr>-->
<!--<th>Month</th>-->
<!--<th>Savings</th>-->
<!--</tr>-->
<!--<tr>-->
<!--<td>January</td>-->
<!--<td>$100</td>-->
<!--</tr>-->
<!--</table>-->
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）