html css怎么制作这样一个搜索框?

html-css020

html css怎么制作这样一个搜索框?,第1张

div 加底色

input去除默认样式 设定高度 宽度 背景用放大镜图片,不循环,靠右再写距离, 设置字体的颜色.下划线. 行高

</div>

input居中就直接margin 0 auto

或者特殊点就用定位 div写position:relative input用position:absolute

HTML5+CSS3小实例之伸缩式动态搜索框

技术栈:HTML+CSS

字体图标库:font-awesome

效果:

源码: