全国服务热线:4008-888-888

技术知识

Dreamweaver如何制做百度搜索检索栏静态数据网页页

Dreamweaver中要想应用编码制做百度搜索检索栏静态数据网页页面,该如何制做呢?下面大家就看来看详尽的实例教程。

手机软件名字:
Adobe Dreamweaver CC 2017 v17.0 汉语版(附安裝实例教程) 64位
手机软件尺寸:
758MB
升级時间:
2016⑴1-05马上免费下载

1、假如将检索框分成块状,能够将他分成4段,如图所示

2、开启DW手机软件新建1个html文档并储存。

在body中键入內容,

 

<body>
<div><img src="img/logo_bd.png" alt=""></div>
<input type="text">
<h1>检索工作经验</h1>
<h2><a href="">协助</a></h2>
</body>

以下图

3、随后创建style款式,消除标识自带的1些特性,

 

img{display:block;}
input{margin:0;padding:0;}
h1,h2{margin:0;font-weight:normal;}

4、对logo照片设定实际宽高,并波动,如图所示

5、对input标识加上特性设定,如图所示

6、最终加上h1和h2的特性值,如图所示,这样1个简易的检索框就出来了。

以上便是dw制做百度搜索检索栏实际效果的实例教程,期待大伙儿喜爱,请再次关心脚本制作之家。

有关强烈推荐:

Dreamweaver如何提交站点到服务器?

Dreamweaver网页页面中如何加上电子器件电子邮箱连接?

Dreamweaver cc2018新版网页页面如何切换成旧版本号合理布局?



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服