Dreamweaver怎么制作百度搜索栏静态页面?

2024-09-04 21:29:47

字体：大中小

来源：转载

供稿：网友

Dreamweaver中想要使用代码制作百度搜索栏静态页面，该怎么制作呢？下面我们就来看看详细的教程。

软件名称：: Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解补丁+安装教程) 64位
软件大小：: 758MB
更新时间：: 2016-11-05

Dreamweaver,百度,页面

1、如果将搜索框分为块状，可以将他分为4段，如图所示

Dreamweaver,百度,页面

2、打开DW软件新建一个html文件并保存。

在body中输入内容，

<body><div><img src="img/logo_bd.png" src="//files.vevb.com/file_images/article/201806/2018060309274535.jpg" />
	
	3、然后建立style样式，清除标签自带的一些属性，
	 
	img{display:block;}input{margin:0;padding:0;}h1,h2{margin:0;font-weight:normal;}
	
	
	4、对logo图片设置具体宽高，并浮动，如图所示
	
	
	5、对input标签添加属性设置，如图所示
	
	
	6、最后添加h1和h2的属性值，如图所示，这样一个简单的搜索框就出来了。
	
	
	以上就是dw制作百度搜索栏效果的教程，希望大家喜欢，请继续关注VeVb武林网。

注：相关教程知识阅读请移步到Dreamweaver教程频道。