标签:
<meta name="viewport" content="width=640,user-scalable=no">
//以宽为640px的页面为基准,禁止用户自由缩放
*{
margin:0px;
padding:0px;
font-size:100%;
}
//初始化
<div class="top">
<form>
<div class="input_box">
<input type="text" placeholder="请输入产品">
<i><img src="./images/search-icon.png"></i>
</div>
</form>
</div>
.top{
height: 80px;
width: 100%;
background-color: #fff;
text-align: center;
margin-top:20px;
background-color:#f2f2f2;
}
.input_box{
width: 590px;
border: 1px solid #373737;
margin: 0 auto;
border-radius: 10px;
height: 60px;
line-height: 70px;
background-color:#f2f2f2;
}
.input_box input{
display: inline-block;
width: 510px;
font-size:1.5em;
height:50px;
border-style:none;
background-color:#f2f2f2;
}
.input_box i{
display: inline-block;
width: 60px;
height: 44px;
border-left: 1px solid #555555;
float: right;
margin-top: 7px;
line-height:60px;
background-color:#f2f2f2;
}
标签:
原文地址:http://www.cnblogs.com/Thelma/p/5791526.html