Dreamweaver CC2019怎么制作關(guān)注按鈕?
我要評論Dreamweaver CC2019中想要創(chuàng)建一個按鈕并給按鈕添加超鏈接，來實(shí)現(xiàn)點(diǎn)擊關(guān)注的效果，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程。
1、啟動Dreamweaver軟件，新建一個html文檔。
2、在head標(biāo)簽中添加引入CSS的代碼【<style type="text/css"></style>】。在body中寫一個div標(biāo)簽【<a></a>】
3、給DIV引入一個CSS，并給DIV添加CSS屬性代碼設(shè)置寬、高、背景色。保存刷新網(wǎng)頁可以看到效果。代碼如下：
<style type="text/css">
.css{
width: 200px;
height: 50px;
display: block;
color: #fff;
background: #ff0000;
font-size: 24px;
line-height: 50px;
text-align: center;
}
</style>
<a class="css">點(diǎn)擊關(guān)注</a>
4、為a標(biāo)簽添加超鏈接的代碼，用【#】代替空鏈接。
<a href="#" target="_blank" class="css">點(diǎn)擊關(guān)注</a>
然后添加圓角樣式：
border-radius: 25px; text-decoration: none;
5、最后把【#】號替換成鏈接，這樣就完成了給按鈕添加超鏈接了。
以上就是Dreamweaver CC2019制作關(guān)注按鈕的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver CC2019怎么安裝并激活? dw2019安裝激活教程
相關(guān)文章
Dreamweaver怎么插入水平線并設(shè)置顏色？Dreamweaver制作網(wǎng)頁的時候，想要插入一個水平線，該怎么插入水平線并設(shè)置紅色呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考2019-05-06
dreamweaver怎么使用正則表達(dá)式？dreamweaver頁面中有需要替換的內(nèi)容，該怎么替換呢？我們可以使用正則表達(dá)式來替換，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-30
Dreamweaver網(wǎng)頁怎么插入單選按鈕？Dreamweaver設(shè)計網(wǎng)頁的時候，需要使用單選按鈕，該怎么插入單選按鈕呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-26
Dreamweaver CS3復(fù)選框怎么用? dw復(fù)選框?qū)傩越榻B
Dreamweaver CS3復(fù)選框怎么用？Dreamweaver CS3制作網(wǎng)頁的時候，經(jīng)常使用復(fù)選框，復(fù)選框的各種屬性有什么作用？下面我們就來看看dw復(fù)選框?qū)傩越榻B，需要的朋友可以參考下2019-04-24
Dreamweaver CS3網(wǎng)頁怎么創(chuàng)建多個層?
Dreamweaver CS3網(wǎng)頁怎么創(chuàng)建多個層？Dreamweaver CS3制作頁面的時候，經(jīng)常使用層，可以容納網(wǎng)頁元素的容器，下面我們就來看看一個簡單的實(shí)例教程，需要的朋友可以參考下2019-04-24
Dreamweaver修改后的網(wǎng)頁運(yùn)行頁面不變該怎么辦?
Dreamweaver修改后的網(wǎng)頁運(yùn)行頁面不變該怎么辦？Dreamweaver對某些網(wǎng)頁進(jìn)行了修改，保存后再運(yùn)行發(fā)現(xiàn)沒有任何改變，這個怎么回事？該怎么解決呢？請看下文詳細(xì)介紹，需要的2019-04-23
Dreamweaver怎么套用網(wǎng)站源代碼設(shè)計網(wǎng)頁?
Dreamweaver怎么套用網(wǎng)站源代碼設(shè)計網(wǎng)頁？Dreamweaver中想要設(shè)計網(wǎng)頁，我們可以直接套用網(wǎng)站源代碼來實(shí)現(xiàn)，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-22
Dreamweaver制作網(wǎng)頁需要掌握哪些小技巧?
Dreamweaver制作網(wǎng)頁需要掌握哪些小技巧？很多朋友使用Dreamweaver設(shè)計網(wǎng)頁，當(dāng)編輯文本的時候很多新手不太熟練，今天我們就來分享一些小技巧，請看下文詳細(xì)介紹，需要的朋2019-04-19
Dreamweaver代碼區(qū)怎么輸入標(biāo)題1?
Dreamweaver代碼區(qū)怎么輸入標(biāo)題1？Dreamweaver輸入文字的時候，需要添加標(biāo)題1，該怎么添加呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-18
Dreamweaver是怎么把圖片轉(zhuǎn)換成代碼 簡單五步驟即可解決
Dreamweaver是怎么把圖片轉(zhuǎn)換成代碼的呢？詳細(xì)還有不少用戶還不清楚吧！還有不會的用戶一起詳細(xì)了解下吧2019-07-19
