欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

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

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

2、打開(kāi)DW軟件新建一個(gè)html文件并保存。

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

 

<body>
<div><img src="img/logo_bd.png" alt=""></div>
<input type="text">
<h1>搜索經(jīng)驗(yàn)</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、對(duì)logo圖片設(shè)置具體寬高，并浮動(dòng)，如圖所示

5、對(duì)input標(biāo)簽添加屬性設(shè)置，如圖所示

6、最后添加h1和h2的屬性值，如圖所示，這樣一個(gè)簡(jiǎn)單的搜索框就出來(lái)了。

以上就是dw制作百度搜索欄效果的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

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

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

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

相關(guān)文章

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

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

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

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

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

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

  • Dreamweaver怎么選中多個(gè)單元格?

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

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

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

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

    DreamWeaver怎么使用塊狀標(biāo)簽div？DreamWeaver頁(yè)面中想要使用塊狀標(biāo)簽，該怎么使用呢？下面我們就來(lái)看看詳細(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)兀肯旅嫖覀兙蛠?lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-05-11

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

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

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

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

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

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

最新評(píng)論