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

Dreamweaver CC2019怎么制作關(guān)注按鈕?

百度經(jīng)驗(yàn)   發(fā)布時(shí)間：2019-04-25 16:50:27   作者：yangxin_25   我要評(píng)論
Dreamweaver CC2019怎么制作關(guān)注按鈕？dw2019中想要制作一個(gè)按鈕并給按鈕添加鏈接，實(shí)現(xiàn)關(guān)注的效果，該怎么操作嗯？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下

Dreamweaver CC2019中想要?jiǎng)?chuàng)建一個(gè)按鈕并給按鈕添加超鏈接，來(lái)實(shí)現(xiàn)點(diǎn)擊關(guān)注的效果，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看詳細(xì)的教程。

1、啟動(dòng)Dreamweaver軟件，新建一個(gè)html文檔。

2、在head標(biāo)簽中添加引入CSS的代碼【<style type="text/css"></style>】。在body中寫(xiě)一個(gè)div標(biāo)簽【<a></a>】

3、給DIV引入一個(gè)CSS，并給DIV添加CSS屬性代碼設(shè)置寬、高、背景色。保存刷新網(wǎng)頁(yè)可以看到效果。代碼如下：

 

<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、最后把【#】號(hào)替換成鏈接，這樣就完成了給按鈕添加超鏈接了。

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

相關(guān)推薦：

Dreamweaver2018怎么快速插入按鈕?

Dreamweaver CC2019代碼怎么快速對(duì)齊?

Dreamweaver CC2019怎么安裝并激活? dw2019安裝激活教程

相關(guān)文章

  • Dreamweaver怎么插入水平線并設(shè)置顏色?

    Dreamweaver怎么插入水平線并設(shè)置顏色？Dreamweaver制作網(wǎng)頁(yè)的時(shí)候，想要插入一個(gè)水平線，該怎么插入水平線并設(shè)置紅色呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考
    2019-05-06

  • dreamweaver怎么使用正則表達(dá)式?

    dreamweaver怎么使用正則表達(dá)式？dreamweaver頁(yè)面中有需要替換的內(nèi)容，該怎么替換呢？我們可以使用正則表達(dá)式來(lái)替換，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2019-04-30

  • Dreamweaver網(wǎng)頁(yè)怎么插入單選按鈕?

    Dreamweaver網(wǎng)頁(yè)怎么插入單選按鈕？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，需要使用單選按鈕，該怎么插入單選按鈕呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2019-04-26

  • Dreamweaver CS3復(fù)選框怎么用? dw復(fù)選框?qū)傩越榻B

    Dreamweaver CS3復(fù)選框怎么用？Dreamweaver CS3制作網(wǎng)頁(yè)的時(shí)候，經(jīng)常使用復(fù)選框，復(fù)選框的各種屬性有什么作用？下面我們就來(lái)看看dw復(fù)選框?qū)傩越榻B，需要的朋友可以參考下
    2019-04-24

  • Dreamweaver CS3網(wǎng)頁(yè)怎么創(chuàng)建多個(gè)層?

    Dreamweaver CS3網(wǎng)頁(yè)怎么創(chuàng)建多個(gè)層？Dreamweaver CS3制作頁(yè)面的時(shí)候，經(jīng)常使用層，可以容納網(wǎng)頁(yè)元素的容器，下面我們就來(lái)看看一個(gè)簡(jiǎn)單的實(shí)例教程，需要的朋友可以參考下
    2019-04-24

  • Dreamweaver修改后的網(wǎng)頁(yè)運(yùn)行頁(yè)面不變?cè)撛趺崔k?

    Dreamweaver修改后的網(wǎng)頁(yè)運(yùn)行頁(yè)面不變?cè)撛趺崔k？Dreamweaver對(duì)某些網(wǎng)頁(yè)進(jìn)行了修改，保存后再運(yùn)行發(fā)現(xiàn)沒(méi)有任何改變，這個(gè)怎么回事？該怎么解決呢？請(qǐng)看下文詳細(xì)介紹，需要的
    2019-04-23

  • Dreamweaver怎么套用網(wǎng)站源代碼設(shè)計(jì)網(wǎng)頁(yè)?

    Dreamweaver怎么套用網(wǎng)站源代碼設(shè)計(jì)網(wǎng)頁(yè)？Dreamweaver中想要設(shè)計(jì)網(wǎng)頁(yè)，我們可以直接套用網(wǎng)站源代碼來(lái)實(shí)現(xiàn)，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2019-04-22

  • Dreamweaver制作網(wǎng)頁(yè)需要掌握哪些小技巧?

    Dreamweaver制作網(wǎng)頁(yè)需要掌握哪些小技巧？很多朋友使用Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)，當(dāng)編輯文本的時(shí)候很多新手不太熟練，今天我們就來(lái)分享一些小技巧，請(qǐng)看下文詳細(xì)介紹，需要的朋
    2019-04-19

  • Dreamweaver代碼區(qū)怎么輸入標(biāo)題1?

    Dreamweaver代碼區(qū)怎么輸入標(biāo)題1？Dreamweaver輸入文字的時(shí)候，需要添加標(biāo)題1，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2019-04-18

  • Dreamweaver是怎么把圖片轉(zhuǎn)換成代碼 簡(jiǎn)單五步驟即可解決

    Dreamweaver是怎么把圖片轉(zhuǎn)換成代碼的呢？詳細(xì)還有不少用戶(hù)還不清楚吧！還有不會(huì)的用戶(hù)一起詳細(xì)了解下吧
    2019-07-19

最新評(píng)論