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

Dreamweaver CC2019怎么制作關注按鈕?

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

Dreamweaver CC2019中想要創(chuàng)建一個按鈕并給按鈕添加超鏈接，來實現點擊關注的效果，該怎么實現呢？下面我們就來看看詳細的教程。

1、啟動Dreamweaver軟件，新建一個html文檔。

2、在head標簽中添加引入CSS的代碼【<style type="text/css"></style>】。在body中寫一個div標簽【<a></a>】

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

 

<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">點擊關注</a>

4、為a標簽添加超鏈接的代碼，用【#】代替空鏈接。

<a href="#" target="_blank" class="css">點擊關注</a>

然后添加圓角樣式：

 

border-radius: 25px;
text-decoration: none;

5、最后把【#】號替換成鏈接，這樣就完成了給按鈕添加超鏈接了。

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

相關推薦：

Dreamweaver2018怎么快速插入按鈕?

Dreamweaver CC2019代碼怎么快速對齊?

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

相關文章

  • Dreamweaver怎么插入水平線并設置顏色?

    Dreamweaver怎么插入水平線并設置顏色？Dreamweaver制作網頁的時候，想要插入一個水平線，該怎么插入水平線并設置紅色呢？下面我們就來看看詳細的教程，需要的朋友可以參考
    2019-05-06

  • dreamweaver怎么使用正則表達式?

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

  • Dreamweaver網頁怎么插入單選按鈕?

    Dreamweaver網頁怎么插入單選按鈕？Dreamweaver設計網頁的時候，需要使用單選按鈕，該怎么插入單選按鈕呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
    2019-04-26

  • Dreamweaver CS3復選框怎么用? dw復選框屬性介紹

    Dreamweaver CS3復選框怎么用？Dreamweaver CS3制作網頁的時候，經常使用復選框，復選框的各種屬性有什么作用？下面我們就來看看dw復選框屬性介紹，需要的朋友可以參考下
    2019-04-24

  • Dreamweaver CS3網頁怎么創(chuàng)建多個層?

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

  • Dreamweaver修改后的網頁運行頁面不變該怎么辦?

    Dreamweaver修改后的網頁運行頁面不變該怎么辦？Dreamweaver對某些網頁進行了修改，保存后再運行發(fā)現沒有任何改變，這個怎么回事？該怎么解決呢？請看下文詳細介紹，需要的
    2019-04-23

  • Dreamweaver怎么套用網站源代碼設計網頁?

    Dreamweaver怎么套用網站源代碼設計網頁？Dreamweaver中想要設計網頁，我們可以直接套用網站源代碼來實現，下面我們就來看看詳細的教程，需要的朋友可以參考下
    2019-04-22

  • Dreamweaver制作網頁需要掌握哪些小技巧?

    Dreamweaver制作網頁需要掌握哪些小技巧？很多朋友使用Dreamweaver設計網頁，當編輯文本的時候很多新手不太熟練，今天我們就來分享一些小技巧，請看下文詳細介紹，需要的朋
    2019-04-19

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

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

  • Dreamweaver是怎么把圖片轉換成代碼 簡單五步驟即可解決

    Dreamweaver是怎么把圖片轉換成代碼的呢？詳細還有不少用戶還不清楚吧！還有不會的用戶一起詳細了解下吧
    2019-07-19

最新評論