搜索框的实现

您所在的位置:网站首页 前端搜索框的实现 搜索框的实现

搜索框的实现

2022-07-25 22:54| 来源: 网络整理| 查看: 265

搜索框的实现 转载

素颜猪 2017-02-27 11:45:42 博主文章分类:Web前端 ©著作权

文章标签 搜索框的实现 文章分类 其它 前端开发

搜索框的实现https://blog.51cto.com/suyanzhu/1901599 1.html实现 bing search

2.CSS实现body{ background-color: #ccc; } #bg-div{ background-p_w_picpath: url(river.jpg); width: 1366px; height: 768px; margin:0 auto; position: relative; } .logo{ background-p_w_picpath: url(logo.png); width: 107px; height: 53px; float: left; margin: -4px 10px 0 0; } form{ float: left; background-color: #fff; padding:0px; } .search-input-text{ border:0; float: left; height: 25px; line-height: 25px; outline: none; width: 350px; } .search-input-button{ border: 0; background-p_w_picpath: url(search-button.png); width: 29px; height: 29px; outline: none; cursor: pointer; } .search-box{ position: absolute; top: 200px; left: 400px; }

3.实现效果

搜索框的实现_搜索框的实现

打赏 收藏 评论 分享 微博 QQ 微信 举报

上一篇:less引用其他less文件

下一篇:网页定位导航



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3