码迷,mamicode.com
首页 > 其他好文 > 详细

总结(1)

时间:2016-08-21 00:47:13      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:

<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;
}

总结(1)

标签:

原文地址:http://www.cnblogs.com/Thelma/p/5791526.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!