Question

这样的搜索框怎么用DIV+CSS写出来？

有没有完整的css和DIV样式表

Answer 1

.search/*整个搜索框*/{
width:300px;
height:30px;
background-image: url(../images/search.gif)/*这是这个搜索框的背景*/;
background-repeat: no-repeat;
background-position: 50%;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
overflow: hidden;
clear: both;
}
.search input/*用来去掉搜索框里的文本框和按钮的背景和边框，并设置并列排放*/{
border:none;
background:none;
float:left;
}
.search_box/文本框样式/{
width:150px;
height:26px;
line-height:26px;
padding:0px;
color:#999999;
text-align:left;
margin-top: 2px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 10px;
float: left;
}
.search_button/*按钮样式*/{
width:45px;
height:27px;
cursor:pointer;
color:#000000;
font-size: 14px;
}

具体样式可根据自己的需要调整。
希望对你有所帮助。

Answer 2

就是插入一个表单给他定义一个样式，外面用一个div包裹起来

Answer 3

这个不是很简单嘛　两个框，一个套在外面加个边框，那个放大镜用背景，然后背景对齐，X轴向右对齐