手机上轻松实现圆角搜索框

作者:vkvi 来源:千一网络(原创) 日期:2016-10-10

由于手机浏览器支持 CSS 3,并且兼容性好,所以我们在制作圆角搜索框时就比较轻松。

一、准备一张放大镜图标,让我们的搜索框看起来更上档次,如下:

搜索图标

二、HTML 代码

三、CSS 代码

效果如下:

圆角搜索框

你前面那位网友看了:浏览器缩放时布局乱了怎么解决?

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
赞助商们