1、先打开hbuilder编辑器，创建角色两个input框和button按钮，将它们横向各摆在一起：
2、简单给input框添加“#7fcc0b”颜色的边框，设置里宽度和高度即可解决，给button按钮设置灰色的字体和“#7fcc0b”的背景颜色即可结束：
3、按crtls，在软件的左边即可看见了到了最后的效果。以上就是用html制作搜索框的演示：
查查你div的长和高，真接做这么说大的两个图，做div的背景图。然后再在这种大的div里面一并加入以外的元素。
就像都用css样式来设置中。h1{background:#f00/*背景颜色红色*/font-size:18px/*字体大小18px*/color:#000/*字体颜色黑色*/}
【关于标题标签】标题（h1-h6）标签是指网页html中对文本标题所通过的着重强调的一种标签，以标签lth1gt、lth2gt、lth3gt到lth6gt依此显示重要性的递减，可以制作lthgt标签的主要注意意义是说说各大搜索引擎这个是一段文字的标题，起反诘作用。lth1gt-lth6gt标签可定义法标题。lth1gt定义大的的标题。lth6dstrok定义最小的标题。
1、方法一，借用html特性，各个标签都有三个title属性。
当鼠标hover在该标签内容上时，浏览器展示更多出该标签的title内容，让鼠标移走，内容迅速消失，不胜感激：div{height:100pxwidth:100pxbackground-color:aqua}文字内容文字内容2、方法二，借用css的伪类hover，包括不显示隐藏属性display，来基于如下：.continer{height:100pxwidth:100pxbackground-color:aqua}.continerdiv{display:none/*设置成隐藏*/}.continer:hoverdiv{display:initial/*当鼠标hover时展示更多*/}文字内容文字内容我是点击文本影像展示的内容
