<!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=gb2312" /><title>11-24</title><link href="11-24.css" rel="stylesheet" type="text/css"/></head><body> <!--top --> <div id="top"> <div id="top-1"> <a href="#"><img src="img/top/firefox-logo.gif" alt="FireFox" title="FireFox"/></a> <p><a href="#"><span>11月24日 周二</span> <span><strong>北京</strong></span> <span>小雪-2℃-8℃</span> <span>星座运势<img src= "img/top/xiala.gif" /></span> </a></p> <ul> <li><a href="#">意见反馈</a></li> <li><a href="#">返回旧版</a></li> <li><a href="#">换肤<img src="img/top/xiala.gif" /></a></li> <li><a href="#">设置<img src="img/top/xiala.gif" /></a></li> <li><a href="#">访问记录<img src="img/top/xiala.gif" /></a></li> <li><a href="#">登录</a></li> </ul> </div> </div> <!--all--> <div id="all"> <!--header--> <div id="header"> <img src="img/all/baidu-logo.gif" /> <ul class="ul1"> <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 class="input"> <input type="text" /><input type="button" /> </div> <ul class="ul2"> <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> <ul class="ul3"> <li><a href="#">笑话：</a><a href="#">别跑啊姑娘！</a></li> <li><a href="#">邮箱登陆</a></li> </ul> <div id="pic"> <img src="img/all/pic-1.gif" id="pic-1"/> <img src="img/all/pic-2.gif" id="pic-2"/> </div> </div> <!--header结束--> <div id="contain"></div> <!--contain --> <div id="footer"></div> <!-- footer--> </div> <div id="bottom"></div></body></html>css：body{ background-color:#ecf0f1;}body,p,ul{ margin:0;}ul{ list-style:none;}img{border:none;}/*top*/#top{ height:30px;background:#2c6787;margin-bottom:10px;font-size:12px; line-height:30px; font-family:"新宋体"; }#top-1{ margin:0 auto; width:1020px;}#top-1 img[alt*="FireFox"]{float:left;}#top-1 p{float:left; margin-left:24px;}#top-1 p a{ color:#edecf2;text-decoration:none;}#top-1 span{ margin-right:14px;}#top-1 span img{ margin-left:10px;}#top-1 ul{float:right;}#top-1 li{ float:left; margin-right:20px;}#top-1 li a{ color:#ffffff; text-decoration:none;}#top-1 li img{ margin-left:8px;}#top a:hover{ color:#ff9500;}/* all*/#all{ margin:0 auto; width:1020px;height:1500px;}#header{ height:190px;position:relative; background-color:#00CCFF;}#header img{position:absolute; left:156px; top:24px; height:38px;}#header ul{ padding:0;}.ul1 li,.ul2 li{ float:left;}.ul1{position:absolute; left:326px; top:8px;font-size:13px; }.ul1 li{margin-right:20px;}.ul1 li:first-child a{ color:#e54724; font-weight:bold;}.ul1 li:first-child a:hover{ color:#ff9500;}.ul1 a{ color:#5b6475; text-decoration:none;}.ul1 a:hover{ color:#ff9500;}.input{position:absolute;left:306px;top:30px;}.input input[type*="text"]{ width:452px; height:44px; font-size:20px;border:1px solid #e54724;}.input input[type*="button"]{ width:54px; height:48px; position:relative;left:-1px; top:-3px; background:url(img/all/search-logo.gif)100% 100% no-repeat;border:1px solid #e54724;}.ul2{ position:absolute;left:306px;top:84px; font-size:12px; width:522px; background-color:#FFFF66;}.ul2 li{ margin-right:16px; }#header .ul2 li:last-child{ float:right;}#header .ul2 li:last-child a{color:#ff9500;}#header .ul2 li:last-child a:hover{ text-decoration:none;}.ul2 a{ color:#809ba9; text-decoration:none;}.ul2 a:hover{ text-decoration:underline; color:#ff9500;}.ul3{ float:right; font-size:12px; margin-top:36px;margin-right:50px;}.ul3 a{ color:#777779; text-decoration:none;}.ul3 a:hover{ color:#ff9500;}#pic{ position:relative;top:110px; width:1020px; height:60px; background-color:#00FF99;}#pic-1{}#pic-2{}#header{}#contain{}#footer{}#bottom{ height:156px; background-color:#9966CC;}这是在火狐下的效果，其他浏览器不知道什么样子，，，，，
- 2 回答
- 0 关注
- 1689 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消