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

Dreamweaver中banner兩側(cè)的按鈕怎么添加?

百度經(jīng)驗(yàn)   發(fā)布時(shí)間：2018-06-07 09:28:33   作者：患者無(wú)薪   我要評(píng)論
Dreamweaver中banner兩側(cè)的按鈕怎么添加？Dreamweaver網(wǎng)頁(yè)中的banner想要添加按鈕，該怎么在banner左右兩側(cè)添加按鈕呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下

Dreamweaver網(wǎng)頁(yè)中的banner圖片需要切換，我們可以添加按鈕來(lái)切換圖片，下面我們就來(lái)看看詳細(xì)的教程。

1、準(zhǔn)備好一張banner素材，如圖，放在img圖片庫(kù)中

2、打開(kāi)Dreamweaver軟件，ctrl+n新建一個(gè)html文件并保存

3、在body中建立內(nèi)容構(gòu)建內(nèi)容框并設(shè)置類(lèi)名稱(chēng)

<div class="banner">
<img src="img/banner.jpg" >
<input type="button" value="左"  class="bt_left">
    <input type="button" value="右" class="bt_right">
</div>

在一個(gè)大框中包含圖片和兩個(gè)方向鍵，最后將左右定位到左右位置

4、在head下加入style標(biāo)簽，對(duì)banner設(shè)置寬高屬性值：

<style>
.banner{width:1200px;height:300px;margin:0 auto;overflow:hidden;}
.banner img{width:100%;}
</style>

5、對(duì)大框banner設(shè)置為相對(duì)定位，設(shè)置左側(cè)按鈕絕對(duì)定位，并設(shè)置位置

.bt_left{position:absolute;top:50%;left:20px;}

6、對(duì)右側(cè)按鈕設(shè)置絕對(duì)定位，并設(shè)置位置

.bt_right{position:absolute;top:50%;right:20px;}

以上就是Dreamweaver給banner添加左右按鈕的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

Dreamweaver怎么自己制作圖形按鈕?

DW中的建單選按鈕不能實(shí)現(xiàn)二選一該怎么辦?

dreamweaver cs5怎么給網(wǎng)頁(yè)添加設(shè)置為主頁(yè)的按鈕?

相關(guān)文章

  • Dreamweaver怎么輸入文本并設(shè)置文本樣式?

    Dreamweaver怎么輸入文本并設(shè)置文本樣式？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要輸入文本并設(shè)置文本樣式，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-02-10

  • DreamWeaver中css代碼不換行顯示怎么實(shí)現(xiàn)?

    DreamWeaver中css代碼不換行顯示怎么實(shí)現(xiàn)？DreamWeaver中css代碼是自動(dòng)換行的，想要讓代碼一行顯示，不換行，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參
    2018-02-10

  • Dreamweaver網(wǎng)頁(yè)怎么輸入文本內(nèi)容?

    Dreamweaver網(wǎng)頁(yè)怎么輸入文本內(nèi)容？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候需要輸入文本，該怎么輸入文本呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-02-10

  • Dreamweaver怎么制作動(dòng)態(tài)導(dǎo)航? dw網(wǎng)頁(yè)添加動(dòng)態(tài)導(dǎo)航的教程

    Dreamweaver怎么制作動(dòng)態(tài)導(dǎo)航？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要制作動(dòng)態(tài)導(dǎo)航，該怎么制作呢？下面我們就來(lái)看看dw網(wǎng)頁(yè)添加動(dòng)態(tài)導(dǎo)航的教程，需要的朋友可以參考下
    2018-02-10

  • Dreamweaver插入面板怎么顯示為水平插入欄?

    Dreamweaver插入面板怎么顯示為水平插入欄？Dreamweaver中想要將面板中的插入面變其默認(rèn)?？课恢米兂纱翱陧敳康乃轿恢?，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要
    2018-01-26

  • Dreamweaver網(wǎng)頁(yè)怎么添加文本字段?

    Dreamweaver網(wǎng)頁(yè)怎么添加文本字段？Dreamweaver設(shè)計(jì)帶有用戶(hù)名密碼的登陸頁(yè)面的時(shí)候，需要添加文本字段，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-01-26

  • Dreamweaver怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)內(nèi)包含多個(gè)頁(yè)面的效果?

    Dreamweaver怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)內(nèi)包含多個(gè)頁(yè)面的效果？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面的時(shí)候，想要一個(gè)網(wǎng)頁(yè)包含多個(gè)頁(yè)面，該怎么實(shí)現(xiàn)呢？我們可以使用框架實(shí)現(xiàn)，下面我們就來(lái)看看詳
    2018-01-26

  • Dreamweaver表單怎么設(shè)置6位數(shù)的密碼?

    Dreamweaver表單怎么設(shè)置6位數(shù)的密碼？Dreamweaver中出入的表單想要設(shè)置6位數(shù)的密碼，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-01-26

  • Dreamweaver網(wǎng)頁(yè)中怎么插入命名錨記鏈接?

    Dreamweaver網(wǎng)頁(yè)中怎么插入命名錨記鏈接？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要插入命名錨記鏈接，該怎么使用命名錨記呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-01-16

  • dreamweaver怎么新建收藏夾并歸類(lèi)資源?

    dreamweaver怎么新建收藏夾并歸類(lèi)資源？dreamweaver中收藏了很多東西，為了方便查找我們可以根據(jù)資源類(lèi)型歸類(lèi)，下面我們就來(lái)看看dreamweaver新建收藏夾并歸類(lèi)的教程，需要
    2018-01-09

最新評(píng)論