css+div中搜索框怎么写
1个回答
推荐于2016-07-16
展开全部
.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;
}
具体样式可根据自己的需要调整。
希望对你有所帮助。
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;
}
具体样式可根据自己的需要调整。
希望对你有所帮助。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询