<!DOXTYPE HTML>
<html>
<head>
<meta http-equiv="Contont-type" content="text/html";charset="utf-8">
<style type="text/css">
*{margin:0;padding:0;}
body{background-size:cover;}
.auto{width:700px;height:180px;
margin:300px auto;
}
.auto h1{text-align:center;}
.auto .a-box .a-text{width:590px;height:41px;padding-left:10px;outline:none;}
.auto .a-box .a-btn{width:100px;height:41px;border:none;outline:none;cursor: pointer;background:#3cdd58;font-size:14px;
color:#000000;box-shadow:1px 1px 1px #3cdd58;}
</style>
</head>
<body>
<div class="auto">
<h1>
<img src="images/logo1.png" alt="百度一下，你就知道！" width="270" height="129"/>
</h1>
<div class="a-box">
<input type="text" class="a-text"/><input type="button" class="a-btn" value="百度一下"/>
</div>
</div>
</body>
</html>
学习html写了一个百度页面