第1个回答 2014-05-29
打开附件:357.rar,index_6.htm和index_7.htm分别是两个题目的效果 代码如下： [index_6.htm--list] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>菜鹰相册</title> <style> .bg{width:380px;height:320px;background:#FFF url('userpic.gif') no-repeat center;} </style> </head> <body> <div align="center"> <table border="0" width="100%" id="table1" style="width:760px" cellspacing="0" cellpadding="0"> <tr> <td class="bg" align="center"><img src="1.jpg"></td> <td class="bg" align="center"><img src="2.jpg"></td> </tr> <tr> <td class="bg" align="center"><img src="3.jpg"></td> <td class="bg" align="center"><img src="4.jpg"></td> </tr> </table> </div> </body> </html> [index_7.htm--list] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>菜鹰菜单</title> <style type="text/css"> #menulist {//*设定div的Box属性*// border: 1px solid #000; margin: 10px; width: 560px; padding: 5px; } #menulist ul, #menulist li {//*设定限制于horizonlist的div内的ul和li的属性*// display: inline; margin: 0; padding: 0; } .menu a:active, .menu a:visited, .menu a:link { display: inline; margin: 0; padding: 5; height:20px;width:80px; font-size:9pt; color: #696969; background-color:#efefef; text-decoration: none; } .menu a:hover { color: #ffffff; background-color: red; font-weight: bold; text-decoration: none; } </style> </head> <body> <div id="menulist" align="center"> <ul class="menu"> <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> 附件： 357.rar