div css怎么制作搜索栏
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文件，查看实现的效果。
更多CSS相关技术文章，请访问CSS3答疑栏目进行学习！
以上就是div css怎么制作搜索栏的详细内容，更多请关注易知道|edz.cc其它相关文章！
