Dreamweaver中想要使用代碼制作百度搜索欄靜態頁面，該怎么制作呢？下面我們就來看看詳細的教程。
1、如果將搜索框分為塊狀，可以將他分為4段，如圖所示
2、打開DW軟件新建一個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樣式，清除標簽自帶的一些屬性，
img{display:block;}input{margin:0;padding:0;}h1,h2{margin:0;font-weight:normal;}
4、對logo圖片設置具體寬高，并浮動，如圖所示
5、對input標簽添加屬性設置，如圖所示
6、最后添加h1和h2的屬性值，如圖所示，這樣一個簡單的搜索框就出來了。
以上就是dw制作百度搜索欄效果的教程，希望大家喜歡，請繼續關注武林網。
相關推薦：
Dreamweaver怎么上傳站點到服務器?
Dreamweaver網頁中怎么添加電子郵箱鏈接?
Dreamweaver cc2018新版頁面怎么切換回舊版本布局?
新聞熱點
疑難解答
