当前位置：首页 → 问答吧 → 菜鸟请教！css怎么边框没有了

菜鸟请教！css怎么边框没有了

时间：2010-09-21

来源：互联网

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>友情链接</title> </head> <style type="text/css"> #Friend{ margin:0px auto; padding:0px; text-align:left; width:990px;} #Friend_Box{} #Friend_Top{background:url(http://img.duote.com/images/soft_01.gif) no-repeat; height:35px; line-height:35px; padding:0px 10px; color:#fff; font-size:14px} #Friend_Content{border-bottom:1px #badaa1 solid;border-left:1px #badaa1 solid;border-right:1px #badaa1 solid;} #Friend_Content ul { margin:0px auto;} #Friend_Content ul li {float:left; display:block; width:70px;padding:5px 0px;text-align:center;} #Friend_Content ul li a:hover{color:#03F; text-decoration:none; font-size:14px;} </style> <body> <div id="Friend"> <div id="Friend_Top">友情链接</div> <div id="Friend_Content"> <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> <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 style="clear:both"></div> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

希望大家能多多帮助菜鸟。

[ 本帖最后由 lihuaxin2008 于 2010-9-21 14:26 编辑 ]

作者: lihuaxin2008 发布时间: 2010-09-21

#Friend_Content ul { margin:0px auto;zoom:1;overflow:hidden;}

作者: benzhuqq 发布时间: 2010-09-21