1, 新建一个 html 文件, 命名为 test.HTML
在 test.HTML 文件中, 创建一个 div 元素, 使用 form 标签创建搜索表单, 在表单内, 使用 input 标签创建一个搜索内容的输入框.
2, 在 test.HTML 文件中, 在 form 表单里, 使用 button 标签创建一个搜索按钮.
3, 在 CSS 标签内, 使用 "*" 初始化页面所有元素
设置为盒子模型, 内外边距都为 0. 同时再使用 CSS 设置 form 表单为相对定位, 宽度为 300px, 对 input 和 button 元素作去除边框设置.
4, 设置其高宽, 内边距, 边框, 并使用 top 和 right 设置输入框距离边缘为 0px.
5, 设置 button 标签内容为 "搜索", 字体大小为 13px, 文字颜色为白色.
6, 设置其高宽, 绝对定位, 背景颜色, 边框, 并使用 top 和 right 设置输入框距离边缘为 0px.
7, 在浏览器打开 test.HTML 文件, 查看实现的效果.
来源: http://www.css88.com/qa/css3/14156.html