用CSS隐藏式标签遇到困难了

FIFA2007 · 发表于 2009-5-25 04:39:25

用CSS隐藏式标签遇到困难了
<!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>
<title>显示隐藏标签</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
#menu {
      overflow:hidden;
      background-color:#FF9B59;
      width:200px;
      height:auto;
      overflow:hidden;
  }
#menu li {
      list-style-type:none;
      display:block;
      margin-top: 1px;
      color: #FFFFFF;
      text-indent: 40px;
      margin-top: 1px;
      background-color: #FFB17D;
      background-image: url(image/biao.gif);
      background-repeat: no-repeat;
      background-position: 14px;
      font-family: "宋体";
      font-size: 12px;
  }
#menu li.end{
      border-bottom-width: 1px;

}
#menu li a {
      display:block;
      text-decoration:none;
      width:100%;
      padding: 10px;
  }
#menu li a span {
      display:none;
      color:#333;
      font-size:12px;
      padding-top: 10px;
      height: 20px;
  }

#menu li a:hover {
      background-color: #FF9B59;
      text-indent: 38px;
  }
#menu li a:hover span {
      display:block;
      cursor:hand;
  }
#menu h1 {
  margin:0px;
  color:#FFFFFF;
  font-size:12px;
}

body {
      background-color: #000000;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#"><h1>首页</h1></a></li>
<li><a href="#"><h1>公司简介</h1>
<span><p>公司介绍</p>
<p>经理致辞</p>
<p>企业荣誉</p></span></a>
</li>
<li><a href="#"><h1>信息发布</h1>
   <span><p>公司新闻</p>
   <p>工程部</p>
   <p>设计部</p></span></a>
</li>
<li><a href="#"><h1>样版房展</h1></a></li>
<li><a href="#"><h1>装饰常识</h1></a></li>
<li><a href="#"><h1>行业法规</h1></a></li>
<li><a href="#"><h1>人才招聘</h1></a></li>
<li><a href="#"><h1>流程报价</h1></a></li>
<li><a href="#"><h1>我要装修</h1></a></li>
<li><a href="#"><h1>品牌推荐</h1></a></li>

<li class="end"><a href="#"><h1>联系我们</h1>
   <span><p>在线留言</p>
   <p>客户投诉</p>
   <p>联系方式</p></span></a>
</li>
</ul>
</body>
</html>

是个好东西就是不知道怎么给每个栏目加链接???

求助...

cool · 发表于 2009-11-10 18:05:05

看了楼主的帖子，我陷入了严肃的思考中。我认为，如果不把楼主的帖子顶上去，就是对真理的一种背叛，就是对谬论的极大妥协。因此，我决定义无返顾地顶了！

hailar · 发表于 2010-1-20 16:05:06

沙发...................

		自动登录	找回密码
密码			注册

用CSS隐藏式标签遇到困难了

浏览过的版块