banner圖片上添加左右按鈕代碼怎么弄? HTML制作banner按鈕的技巧
我要評(píng)論在各種網(wǎng)站上，首頁好多都是很多圖片廣告，而且還可以點(diǎn)擊翻頁的，下面我們使用代碼的方法來給圖片添加兩側(cè)的左右按鈕
Adobe Dreamweaver 2020 v20.0.0 精簡中文特別版 64位
- 類型：網(wǎng)頁設(shè)計(jì)
- 大?。?/span>220MB
- 語言：簡體中文
- 時(shí)間：2020-04-16
這里的結(jié)構(gòu)主要是一個(gè)大盒子，里面套著三個(gè)小盒子，小盒子一個(gè)是裝著圖片banner，兩個(gè)小盒子分別是左右按鈕
現(xiàn)在基本樣子，效果如圖所示，然后需要將下面的左右按鈕定位到左右兩側(cè)
先對(duì)左右兩個(gè)按鈕，添加下效果，背景顏色，以及文字設(shè)置
整改后效果，如圖所示
對(duì)父級(jí)以及兩個(gè)小盒子分別添加相對(duì)定位、絕對(duì)定位設(shè)置
定位后的圖形如圖所示；因?yàn)閮蓚€(gè)按鈕設(shè)置的是絕對(duì)定位，已經(jīng)沒有了他們的位置，所以并排疊在了一起
然后分別對(duì)左右按鈕，添加左右的定位設(shè)置
最后就做成了如圖所示的兩個(gè)按鈕效果了。
以上就是HTML制作banner按鈕的技巧，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
相關(guān)文章
html用代碼制作虛線框怎么做？想要在頁面中繪制一個(gè)虛線圓形，該怎么制作呢？下面我們就來看看dw制作虛線圓圈的技巧，詳細(xì)請(qǐng)看下文介紹2022-11-21
Dw怎么撤銷組合鍵? Dw關(guān)閉按control組合鍵顯示新建文檔對(duì)話框的技巧
Dw怎么撤銷組合鍵？Dreamweaver中經(jīng)常會(huì)使用快捷鍵創(chuàng)建新文檔，如果想要關(guān)閉這個(gè)快捷鍵，該怎么操作呢？下面我們就來看看Dw關(guān)閉按control組合鍵顯示新建文檔對(duì)話框的技巧2022-07-19
Dw2018打開只讀文件提示警告怎么辦？Dw2018中打開制度文件就會(huì)出現(xiàn)警告，想要關(guān)閉警告，下面我們就來看看Dreamweaver關(guān)閉打開只讀文件時(shí)警告用戶的技巧2022-05-19
Dreamweaver2018修改時(shí)打開css文件選項(xiàng)在哪里關(guān)閉?
Dreamweaver2018修改時(shí)打開css文件選項(xiàng)在哪里關(guān)閉？Dreamweaver2018中每次修改文件都會(huì)打開css文件2022-05-19
dw中水平線的顏色怎么改? Dreamweaver水平線修改顏色的兩種方法
dw中水平線的顏色怎么改？dw插入的水平線想要修改默認(rèn)的顏色，該怎么修改呢？下面我們就來看看Dreamweaver水平線修改顏色的兩種方法，詳細(xì)請(qǐng)看下文介紹2022-04-19
Dreamweaver2018怎么設(shè)置站點(diǎn)總是提示遠(yuǎn)端文件?
Dreamweaver2018怎么設(shè)置站點(diǎn)總是提示遠(yuǎn)端文件？dw2018中想要設(shè)置右邊提醒站點(diǎn)遠(yuǎn)端文件，該怎么設(shè)置額？下面我們就來看看詳細(xì)的教程2022-01-22
Dw CC 2018怎么設(shè)置上載前先保存文件? Dreamweaver站點(diǎn)的設(shè)置方法
Dw CC 2018怎么設(shè)置上載前先保存文件？Dreamweaver很常用，每次上載想要先保存文件，以防萬一，下面我們就來看看詳細(xì)的教程2021-11-09
Dw2018鍵盤快捷鍵怎么設(shè)置? Dreamweaver鍵盤快捷鍵的用法
Dw2018鍵盤快捷鍵怎么設(shè)置？Dw2018中可以設(shè)置鍵盤快捷鍵，該怎么設(shè)置呢？下面我們就來看看Dreamweaver鍵盤快捷鍵的開啟和關(guān)閉方法，詳細(xì)請(qǐng)看下文介紹2021-08-10
Dreamweaver2018怎么開啟臨時(shí)文件預(yù)覽?
Dreamweaver2018怎么開啟臨時(shí)文件預(yù)覽? Dw2018中制作的網(wǎng)頁想要進(jìn)行預(yù)覽，該怎么使用臨時(shí)文件預(yù)覽呢？下面我們就來看看詳細(xì)的設(shè)置方法2021-08-10
DwCC2018雙字節(jié)內(nèi)聯(lián)輸入怎么實(shí)現(xiàn)?
DwCC2018雙字節(jié)內(nèi)聯(lián)輸入怎么實(shí)現(xiàn)？Dreamweaver2018中可以設(shè)置上允許雙字節(jié)內(nèi)聯(lián)輸入，但是很多朋友找不到在哪里設(shè)置，詳細(xì)請(qǐng)看下文介紹2021-05-14
