<title>firefox</title>
<link href="firefox.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--头部 tip 部分 -->
<div id="tip">
<div class="left">
<img src="firefox-logo.png" title="火狐" alt="firefox" id="logo" />
<p><a href="#">
<span>11月12日 周四</span> <strong>北京</strong> <span>霾9℃-6℃</span> <span>星族运势</span>
<img src="tip-xiala.gif" class="xiala" />
</a></p>
</div>
<div class="right">
<ul>
<li><a href="#">意见反馈</a></li>
<li><a href="#">返回旧版</a></li>
<li><a href="#">换肤<img src="tip-xiala.gif" class="xiala" /></a></li>
<li><a href="#">设置<img src="tip-xiala.gif" class="xiala" /></a></li>
<li><a href="#">访问记录<img src="tip-xiala.gif" class="xiala" /></a></li>
<li><a href="#">登陆</a></li>
</ul>
</div>
</div>
css部分:
body{ margin:0;}
<!--tip部分-->
#tip{ height:40px;background:url(tip-bg.gif) repeat-x; padding:0 10%; font-size:12px; line-height:30px;}
#tip a{ text-decoration:none;}
#tip a:hover{ color:#ff9500;}
#tip. left a{ color:#edecf2; }
#logo{float:left;}
#tip .xiala{ margin-left:5px;}
#tip .left p{ float:left; margin:0 14px;}
#tip .left span{ margin-left:10px; }
#tip .right{ height:30px; float:right; }
#tip .right ul{ list-style: none; margin:0;}
#tip .right li{ float:left; width:60px; text-align:center;}
#tip .right a{color:#ffffff;}
之前看着还是好好的,我写下一部分布局的时候的时候在运行页面都没法看,求问下 这到底怎么回事?????
我把其他的都注释掉了(包括css),但还是不行,求教下 我哪儿错问题了?野山椒鸡杂
加入滚烫开水
echo_kinchao
野山椒鸡杂