dkfr.net
当前位置:首页 >> Css+Div中搜索框怎么写 >>

Css+Div中搜索框怎么写

HTML代码 CSS代码: #search-box{width:326px;height:29px;background:url(divcss5-so-bg.gif) no-repeat 0 0; margin:0 auto}.input-box{ float:left; width:220px; height:29px; line-height:29px; padding-left:11px; border:0; background:n...

.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: 0...

代码没法写,度娘不让; 你可以参考bootstrap相关样式: bootstrap有一大套关于input、button的样式 里面对几乎每个细节都有描述, 包括边框,圆角 背景 点击样式 等等;直接用chrome 审查元素就能看到; 你可以直接把他的复制到你的样式里面,...

正在给你做 ,做完了,你看看吧 源代码如下;

方式很多: 1,使用position定位 2,直接设置外层的背景色,再设置input为白色背景。但需要调兼容性

首先来张效果图,这是写好的效果 代码如下: Examples#box{width: 380px;margin: 30px auto;font-family: 'Microsoft YaHei';font-size: 14px;}input{width: 260px;border: 1px solid #e2e2e2;height: 30px;float: left;background-image: url(i...

.input-box{position: relative;width: 200px;height: 35px;} .input-box input{width: 200px;height: 35px;padding-left: 10px;padding-right: 32px;} .input-box button{width:32px;height: 32px;background: url(data:image/png;base64,iVBO...

.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: 0...

News 下拉内容 下拉内容

网站首页 | 网站地图
All rights reserved Powered by www.dkfr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com