亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Dreamweaver怎么制作百度搜索欄靜態(tài)頁面?

百度經(jīng)驗   發(fā)布時間：2018-06-03 09:41:09   作者：患者無薪   我要評論
Dreamweaver怎么制作百度搜索欄靜態(tài)頁面？Dreamweaver中想要設(shè)計百度的搜索頁面，該怎么設(shè)計呢？今天我們就來看看使用dw代碼設(shè)計百度搜索欄靜態(tài)頁面的教程，需要的朋友可以參考下

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

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

2、打開DW軟件新建一個html文件并保存。

在body中輸入內(nèi)容，

 

<body>
<div><img src="img/logo_bd.png" alt=""></div>
<input type="text">
<h1>搜索經(jīng)驗</h1>
<h2><a href="">幫助</a></h2>
</body>

如下圖

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)注腳本之家。

相關(guān)推薦：

Dreamweaver怎么上傳站點到服務(wù)器?

Dreamweaver網(wǎng)頁中怎么添加電子郵箱鏈接?

Dreamweaver cc2018新版頁面怎么切換回舊版本布局?

相關(guān)文章

  • Dreamweaver中box shadow怎么添加陰影?

    Dreamweaver中box shadow怎么添加陰影？Dreamweaver中想要給圖形添加陰影，該怎么添加陰影呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2018-05-30

  • Dreamweaver怎么制作鼠標(biāo)點擊隱藏事件?

    Dreamweaver怎么制作鼠標(biāo)點擊隱藏事件？Dreamweaver中想要想要制作一個鼠標(biāo)點擊事件，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2018-05-28

  • Dreamweaver單元格怎么拆分合并?

    Dreamweaver單元格怎么拆分合并？dw表格想要對單元格進(jìn)行操作，該怎么拆分和并單元格呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2018-05-23

  • Dreamweaver怎么選中多個單元格?

    Dreamweaver怎么選中多個單元格？Dreamweaver中的表格想要選中最后一行的三個單元格，該怎么實現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2018-05-22

  • DreamWeaver中p標(biāo)簽br標(biāo)簽怎么使用?

    DreamWeaver中p標(biāo)簽br標(biāo)簽怎么使用？DreamWeaver中想要讓文字換行，該怎么實現(xiàn)呢？下面我們就來看看dw文字換行的兩種方法，需要的朋友可以參考下
    2018-05-22

  • DreamWeaver怎么使用塊狀標(biāo)簽div?

    DreamWeaver怎么使用塊狀標(biāo)簽div？DreamWeaver頁面中想要使用塊狀標(biāo)簽，該怎么使用呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2018-05-22

  • DreamWeaver怎么設(shè)置行內(nèi)標(biāo)簽?

    DreamWeaver怎么設(shè)置行內(nèi)標(biāo)簽？DreamWeaver中的標(biāo)簽有行內(nèi)標(biāo)簽和行外標(biāo)簽，該怎么設(shè)置行內(nèi)標(biāo)簽?zāi)?？下面我們就來看看詳?xì)的教程，需要的朋友可以參考下
    2018-05-11

  • Dreamweaver怎么創(chuàng)建CSS樣式? dw插入css的教程

    Dreamweaver怎么創(chuàng)建CSS樣式？Dreamweaver設(shè)計頁面的時候，想要創(chuàng)建css樣式，該怎么創(chuàng)建呢？下面我們就來看看dw插入css的教程，需要的朋友可以參考下
    2018-05-11

  • DreamWeaver文字怎么居中對齊? dw垂直居中對齊的技巧

    DreamWeaver文字怎么居中對齊？DreamWeaver中輸入的文字想要實現(xiàn)居中對齊，該怎么居中呢？下面我們就來看看dw垂直居中對齊的技巧，需要的朋友可以參考下
    2018-05-10

  • dreamweaver怎么制作文本框? dw文本框的兩種制作方法

    dreamweaver怎么制作文本框？dreamweaver制作的網(wǎng)頁需要文本框，該怎么制作文本框呢？今天我們就來介紹dw文本框的兩種制作方法，需要的朋友可以參考下
    2018-04-28

最新評論