仿百度页面，实现百度一下js部分代码

柔光的暖阳◎ 2021-12-09 05:49 359阅读 0赞

`js部分代码`

`html部分代码`

`css部分代码`

.baidu_text{ 
    	width:540px;
    	height:31px; 
    	float: left;
    }
    .baidu_button{ 
    	width:100px;
    	height:37px;
    	border:none;
    	background:#1E90FF;
    	color: #FFFFFF; 
    	float: left;
    }

`注：以下这两种写法排版上不同，最终会导致显示不同。`

下面代码会导致文本框与按钮之间会有间隙，而上面`input`标签之间紧挨一起，可以消除文本框与按钮之间会有间隙。而且，要想文本框与按钮之间的高度保持一直，不出现高低不平的现象，就用一个`div`将他们装起来,然后一个左浮动，一个右浮动。

![在这里插入图片描述][20190716143812856.png]

[20190716143812856.png]: /images/20211209/07cfcfecb3c44a41be686b78a1ba464f.png

仿百度页面，实现百度一下js部分代码

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关仿百度静态页面

相关仿百度首页HTML和CSS,仿百度首页

相关 html5仿百度模板,html5仿百度舆情数据展示页面滚动模板

相关仿百度地图街景实现

相关 html仿百度首页

相关百度分享js代码

相关 js--搜索框提示仿百度

相关百度统计代码

相关仿百度页面，实现百度一下js部分代码

相关百度分享js代码