网站设计模板 网页怎么制作搜索框?
2023-11-28 08:34:12
来源:
阅读:
网页怎么制作搜索框?
1、打开Hbuilder编辑器,创建一个input框和button按钮,将它们横排摆放在一起:
2、首先给input框添加“#7FCC0B”颜色的边框,设置宽度和高度即可,给button按钮设置白色的字体和“#7FCC0B”的背景颜色即可完成:
3、按crtl s,在软件的右侧即可看到最终的效果。以上就是用html制作搜索框的演示:
电商网站的搜索框,是怎样设计的?
一个圆角矩形,然后填充自己喜欢的颜色。再加一个放大镜,一个圆形和直线就行了