Dreamweaver CC2019中想要創建一個按鈕并給按鈕添加超鏈接,來實現點擊關注的效果,該怎么實現呢?下面我們就來看看詳細的教程。
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制作關注按鈕的教程,希望大家喜歡,請繼續關注武林網。
相關推薦:
Dreamweaver2018怎么快速插入按鈕?
Dreamweaver CC2019代碼怎么快速對齊?
Dreamweaver CC2019怎么安裝并激活? dw2019安裝激活教程
新聞熱點
疑難解答