Dreamweaver中想要使用代碼制作百度搜索欄靜態(tài)頁面,該怎么制作呢?下面我們就來看看詳細(xì)的教程。

1、如果將搜索框分為塊狀,可以將他分為4段,如圖所示

2、打開DW軟件新建一個html文件并保存。
在body中輸入內(nèi)容,
<body><div><img src="img/logo_bd.png" src="http://files.vevb.com/file_images/article/201806/2018060309274535.jpg" />
3、然后建立style樣式,清除標(biāo)簽自帶的一些屬性,
img{display:block;}input{margin:0;padding:0;}h1,h2{margin:0;font-weight:normal;}
4、對logo圖片設(shè)置具體寬高,并浮動,如圖所示
5、對input標(biāo)簽添加屬性設(shè)置,如圖所示
6、最后添加h1和h2的屬性值,如圖所示,這樣一個簡單的搜索框就出來了。
以上就是dw制作百度搜索欄效果的教程,希望大家喜歡,請繼續(xù)關(guān)注VeVb武林網(wǎng)。
注:相關(guān)教程知識閱讀請移步到Dreamweaver教程頻道。
新聞熱點
疑難解答