1. 爱易网页
  2. HTML教程
  3. 大家帮小弟我看看，为什么这个列表可以横排

大家帮小弟我看看，为什么这个列表可以横排

日期：2014-05-17　 浏览次数：20753 次

大家帮我看看，为什么这个列表可以横排？
代码如下：

<!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 "   lang= "GBK ">
<head>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=GBK "   />

<title> Insert   title   here </title>
  <style   type= "text/css ">


#submenu   {   MARGIN:   0px   8px   0px   8px;   PADDING:   4px   0px   0px   0px;   BORDER:   #fff   1px   solid;   BACKGROUND:   #dfdfdf;   COLOR:   #666;   HEIGHT:25px;   }


#submenu   ul   {   CLEAR:   left;   MARGIN:   0px;   PADDING:0px;   BORDER:   0px;   LIST-STYLE-TYPE:   none;   TEXT-ALIGN:   center;   DISPLAY:inline;   }   #submenu   li   {   FLOAT:   left;   DISPLAY:   block;   MARGIN:   0px;   PADDING:   0px;   TEXT-ALIGN:   center}

#submenu   li   a   {   DISPLAY:   block;   PADDING:2px   3px   2px   3px;   BACKGROUND:   url(images/icon_dot_lmenu.gif)   transparent   no-repeat   2px   8px;   FONT-WEIGHT:   bold;   WIDTH:   100%;   COLOR:   #444;   TEXT-DECORATION:   none;   }   #submenu   li   a:hover   {   BACKGROUND:   url(images/icon_dot_lmenu2.gif)   #C61C18   no-repeat   2px   8px;   COLOR:   #fff;   }

#submenu   ul   li#one   A   {   WIDTH:   60px}   #submenu   ul   li#two   A   {   WIDTH:   80px}   #submenu   ul   li#three   A   {   WIDTH:   80px}   #submenu   ul   li#four   A   {   WIDTH:   90px}   #submenu   ul   li#five   A   {   WIDTH:   80px}   #submenu   ul   li#six   A   {   WIDTH:   80px}   #submenu   ul   li#seven   A   {   WIDTH:   60px}   #submenu   ul   li#eight   A   {   WIDTH:   90px}   #submenu   ul   li#nine   A   {   WIDTH:   80px}
</style>

</head>
<body>
<div   id= "header "> </div>
<div   id= "mainbox ">
<div   id= "menu ">

<div   id= "submenu ">
<ul>
<li   id= "one ">
<a   title= "首页 "   href= "http://www.w3cn.org/ "> Home </a>
</li>
<li   id= "two ">
<a   title= "关于我们 "   href= "http://www.w3cn.org/aboutus.html "> 关于我们 </a>
</li>
<li   id= "three ">
<a   title= "网站标准 "   href= "http://www.w3cn.org/webstandards.html "> 网站标准 </a>
</li>
<li   id= "four ">
<a   title= "标准的好处 "   href= "http://www.w3cn.org/benefits.html "> 标准的好处 </a>
</li>

相关资料更多>

  1. （译）开发第一个Html5游戏（4）
  2. ie6 不支持 两个连续class，如何解决
  3. 为主页添加一个漂亮的按钮（上）
  4. ecshop生成真静态页html步骤（转加修改）
  5. 一个兼容IE、Chrome跟Firfox的HTML固定表头例子
  6. 仅以此文捐给初出茅庐以及在纠结中往复徘徊的HTML5开发者们
  7. html有关问题
  8. 在使用分页情况下，怎么使div效果延续到其他分页？菜菜菜求指点
  9. CSS规则解析,该怎么解决