超级会员免费看
本教程介绍如何利用CSS样式和HTML的div及form元素制作一个包含百度logo、搜索框和按钮的整体布局。通过盒子模型调整元素位置，设置样式以达到无缝对接的效果，并提供搜索功能的实现方法。
知识点：盒子模型、CSS样式设置、form表单。
网页效果要求：
制作思路：
1、将百度logo+搜索框+按钮，作为整体放在一个div盒子里，通过设置div来控制他们在网页中的位置
2、涉及到表单，所以写一个form标签，将他们放在form标签中
3、搜索功能的实现，参考资料：利用表单标签制作一个百度搜索框
4、搜索框和按钮的样式，设置css属性，控制宽高、边框、背景颜色、文本颜色等
5、搜索框和按钮要无缝对接，两个input标签之间不要出现空格或换行
实现代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &#
订阅专栏 解锁全文
扫一扫
129
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
