这篇博客详细介绍了如何使用HTML和CSS来创建一个类似于百度搜索框的布局。内容包括设置搜索框的外边距、宽度、背景色、文字对齐方式，以及输入框和按钮的样式设计。此外，还提到了图片、绝对定位和字体图标在布局中的应用。
仿百度搜索框布局
/*搜索框*/
.search{margin: 150px auto 0;width: 700px;/*background: #ccc;*/text-align: center;}
.search img{width: 300px;height: 130px;}
.search form{margin: 10px auto;width: 644px;position: relative; }
.search input{border: none;float:left; }
.search input[type="text"]{width: 540px;height: 30px;border: 1px solid #3388FF;}
.search i{position: absolute;right: 110px;top: 6px;font-size: 20px;color: #ccc;}
.search input[type="button"]{width: 100px;height: 32px;color: #fff;background:#3388FF;}
任务
?不会了怎么办
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
