华恩JAVA班第45天
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>导航菜单的制作</TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <link rel="stylesheet"type="text/css"href="style.css"/> </HEAD>
<BODY> <div id="banner"> <ul> <li><a href="#">首页</a></li> <li><a href="#">家用电器</a></li> <li><a href="#">手机数码</a></li> <li><a href="#">日用百货</a></li> <li><a href="#">书籍</a></li> <li><a href="#">帮助中心</a></li> <li><a href="#">免费开店</a></li> <li><a href="#">全球咨询</a></li> </ul> </div> </BODY> </HTML>
CSS文件：
#banner{ width:720px; margin:0 auto; } #banner{ height:30px; background:#ab0; } ul{ list-style:none; } ul li{ float:left; width:85px; text-align:center; border-right:2px solid #ff0; padding-top:5px; height:30px; } a{ text-decoration:none; }
更多信息可以参见同学富晓磊的博客:http://blog.sina.com.cn/u/1798827371
