为了账号安全,请及时绑定邮箱和手机立即绑定

仿照百度弄的 为什么好多代码没起到作用啊?????感觉错好多的样子。。。。求大神不吝赐教!!!

<!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>

<style type="text/css" >

*{margin:0;padding:0;}

#header{

background:#fff;

float:right;

margin-top:18px;

margin-right:13px;

width:464px;

height:27px;

}

#header ul li{

display: inline-block;

margin-right: 14px;

color: #000;

font-size: 12px;

font-family: arial;

font-style: normal;

line-height: 6px;

   

}


.header-list{

margin-right:0px;

font-size:16px;

border:none;

height:25px;

width:60px;

background:#3388ff;

color:#FFF;

font-size:13px;

}


#wrap{

overflow:hidden;

width:640px;

margin: 0 auto;

background:#FFF;

}


#mainbody{

font-size:19px;

position:absolute;

top:84px;

left:350px;

}


.image1{

display:block;

margin: 0 auto;

margin-bottom:40px;

}


.inptmm{

height:30px;

width:540px;

line-height:5px;

}


.btn2{

border:none;

height:33px;

width:100px;

margin-left:0px;

background:#3385ff;

color:#FFF;

font-size:14px;

}


#footer{

font-size:19px;

position:absolute;

top:514px;

left:350px;

}

#footer ul li{

display: inline-block;

font-size:14px;

color:#999;

font-family: arial;

font-style: normal;

}


.pchinese{

display:inline;

font-size:7px;

color:#999;

font-family: arial;

font-style: normal;

}


.img2 .img3{

margin-right:33px;}

</style>

</head>


<body>

<div id="header">

     <ul  style="list-style:none">

         <li><a href="">糯米</a></li>

         <li><a href="">新闻</a></li>

         <li><a href="">hao123</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><input  class="head-list" type="button" name="button" value="更多产品" onclick=""/></li>

      </ul>

</div>

<div id="wrap">

    <div id="mainbody">

         <img class="image1" src="../image/images/baidu-logo-web切图_03.gif" rel="加载失败"/>

            <input class="inptmm" tyle="text" name="name" value="" />

            <input class="btn2" type="submit" value="百度一下" />

            </form>    

      </div>

    <div id="footer">

         <img class="img2" src="../image/images/shouji-baidu_07.gif" rel="加载失败"/>

         <img class="img3" src="../image/images/百度糯米_09.gif" rel="加载失败"/>

         <ul  style="list-style:none">

            <li><a href="">把百度设为主页</a></li>

            <li><a href="">关于百度</a></li>

            <li><a href="">About Baidu</a></li>

         </ul>

         <p class="pchinese">©2016 Baidu 使用百度前必读 意见反馈 京ICP证030173号</p>

         <img class="img4" src="../image/images/logo小_12.png" rel=""/> 

         <img class="img5" src="../image/images/web切图_16.gif" rel=""/>

    </div>

</div>

</body>

</html>


正在回答

2 回答

form 标签呢 少一个

0 回复 有任何疑惑可以回复我~

mainbody {position:relative

}

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214672    人
  • 解答问题       1833    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

仿照百度弄的 为什么好多代码没起到作用啊?????感觉错好多的样子。。。。求大神不吝赐教!!!

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号