##百度图库搜索
示例图:
css代码:
body{
background-image: url(img/bd.jpg);//插入背景图片
background-size: 100% auto;//使背景图片的大小为100% 且自动适应屏幕
background-repeat:no-repeat; //使背景图片不重复
background-attachment: fixed;">
background-position: left center;
}
.text{
border: 1px solid #b6b6b6;
width:474px;
height:36px;
font-size:20px;
}
.button{
background-color:#3385ff;
height:38px;
font-size:20px;
color:white;
border:0
}
.inputDiv {
font-size: 0; //使文本框和按钮对齐无缝隙
}
.html源代码
<form id="baidu" target="_blank" name="baidu" method="get" action="http://image.baidu.com/search/index">
<table>
<a herf="http://image.baidu.com/"></a>
<p style="text-align: center;"> //文本对齐方式为 中心对齐
<img src="img/baiduPicture.png"/>
</p>
<div class=inputDiv>
<p style="text-align: center;">
<input type="text" id="search" class="text" name="word"/>
<input type="hidden" name="tn" value="baiduimage" />
<input type="button" class="button" value="百度一下" />
</p>
</div>
</table>
</form>