做的可能不是你想让的效果, 如果满意记得采纳!

百度一下

* {

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

}

更多推荐

html编写百度页面,百度首页的百度一下怎么用html做?