做的可能不是你想让的效果, 如果满意记得采纳!
百度一下* {
margin:0;
padding:0;
}
.search {
position:absolute;
left:25%;
top:30%;
}
.search-input {
padding:2px 2px 2px 6px;
height:34px;
width:530px;
border:1px solid #ccc;
outline:none;
float:left;
}
.search-input:focus {
border:1px solid #3fb2f1;
}
.bg {
display: block;
position:absolute;
top:11px;
right:110px;
background:url("https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/soutu/img/camera_new_679c15cc.png");
width:18px;
height:16px;
cursor:pointer;
}
.bg:hover {
background-position:0 18px;
}
.search-btn {
color:#fff;
width:100px;
height:40px;
background:#3388FF;
float:left;
border:none;
outline:none;
cursor:pointer;
font-size:18px;
}
.search-btn:hover {
background: #3769f3;
}