Dreamweaver中想要使用代碼制作百度搜索欄靜態頁面,該怎么制作呢?下面我們就來看看詳細的教程。
1、如果將搜索框分為塊狀,可以將他分為4段,如圖所示
2、打開DW軟件新建一個html文件并保存。
在body中輸入內容,
<body><div><img src="img/logo_bd.png" src="http://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教程頻道。
新聞熱點
疑難解答