1、首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容。
2、此时对应效果如图。
3、接下来准备相关的导航按钮图片（可以事先利用PS制作好）。
4、然后将以下CSS代码加入到<head></head>之间。
5、网页此时的效果如图，就完成了。
<html><head>
<title>我的歌
</title>
</head>
<body>
<table align=center border=1 width=760 height=300 bgcolor=#ffffff cellspacing=0 cellpadding=5>
<tr>
<td >
<table width=750 border=0 height=30 bgcolor=#ffffff>
<tr>
<td align=center><font color=red>我的首页</font>
</td>
<td align=center><font color=red>音乐之声</font></td><td align=center><font color=red>图片世界</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table align=center width=760 border=1 bordercolor="red" height=150 bgcolor=#00ff00>
<tr>
<td><img src="http://t3.baidu.com/it/u=4079419083,556258271&gp=2.jpg"><p>我的音乐</p><embed src="http://www.sy40.com/grweb/classes/1-10/play/music/mylove.wma" autostart="ture" hidden="true" loop="true" ></embed>
</td>
<td><img src="http://t3.baidu.com/it/u=4079419083,556258271&gp=2.jpg"><p>我的音乐</p><embed src="http://www.sy40.com/grweb/classes/1-10/play/music/mylove.wma" autostart="ture" hidden="true" loop="true" ></embed>
</td>
<tr>
<td border=1 bordercolor=blue><img src="http://t3.baidu.com/it/u=4079419083,556258271&gp=2.jpg"><p>我的音乐</p><embed src="http://www.sy40.com/grweb/classes/1-10/play/music/mylove.wma" autostart="ture" hidden="true" loop="true" ></embed>
</td>
<td border=1 bordercolor=blue><img src="http://t3.baidu.com/it/u=4079419083,556258271&gp=2.jpg"><p>我的音乐</p><embed src="http://www.sy40.com/grweb/classes/1-10/play/music/mylove.wma" autostart="ture" hidden="true" loop="true" ></embed>
</td>
</tr>
<tr>
<td border=1 bordercolor=blue><img src="http://t3.baidu.com/it/u=4079419083,556258271&gp=2.jpg"><p>我的音乐</p><embed src="http://www.sy40.com/grweb/classes/1-10/play/music/mylove.wma" autostart="ture" hidden="true" loop="true" ></embed>
</td>
<td border=1 bordercolor=blue><img src="http://t3.baidu.com/it/u=4079419083,556258271&gp=2.jpg"><p>我的音乐</p><embed src="http://www.sy40.com/grweb/classes/1-10/play/music/mylove.wma" autostart="ture" hidden="true" loop="true" ></embed>
</td>
</tr>
</table>
<tr>
<td>
<table border=1 bordercolor=red width=100% height=120 cellspacing=4 cellpadding=6 bgcolor=#808080 valign=middle>我们都是你爱好者
</table>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）