Dreamweaver CC2019怎么制作关注按钮?

百度经验   发布时间:2019-04-25 16:50:27   作者:yangxin_25   我要评论

Dreamweaver CC2019怎么制作关注按钮?dw2019中想要制作一个按钮并给按钮添加链接,实现关注的效果,该怎么操作嗯?下面我们就来看看详细的教程,需要的朋友可以参考下

Dreamweaver CC2019中想要创建一个按钮并给按钮添加超链接,来实现点击关注的效果,该怎么实现呢?下面我们就来看看详细的教程。

软件名称:
Dreamweaver CC 2019 19.0 中文特别版(附?#24179;?#27493;骤+?#24179;?#34917;丁) 64位
软件大小:
956MB
更新时间:
2018-10-16

1、启动Dreamweaver软件,新建一个html文档。

2、在head标签中添加引入CSS的代码【<style type="text/css"></style>】。在body中写一个div标签【<a></a>

3、给DIV引入一个CSS,并给DIV添加CSS属?#28304;?#30721;设置宽、高、背景色。保存刷新网页可以看到效果。代码如下:

 

<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标签添加超链接的代码,用【#?#30475;?#26367;空链接。

<a href="#" target="_blank" class="css">点击关注</a>

然后添加?#27493;?#26679;式:

 

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

5、最后把【#】号替换成链接,这样就完成了给按钮添加超链接了。

以上就是Dreamweaver CC2019制作关注按钮的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Dreamweaver2018怎么快速插入按钮?

Dreamweaver CC2019代码怎么快速对齐?

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

相关文章

  • Dreamweaver按钮怎么添加立体阴影效果?

    Dreamweaver按钮怎么添加立体阴影效果?之前我们介绍dw制作按钮的教程,现在我们来看看给按钮添加立体阴影效果的教程,需要的朋友可以参考下
    2018-06-15
  • Dreamweaver怎么用CSS制作?#27493;?#25353;钮?

    Dreamweaver怎么用CSS制作?#27493;?#25353;钮?Dreamweaver中想要制作一个?#27493;?#25353;钮,鼠标经过按钮按钮变色,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2018-06-14
  • Dreamweaver中banner两侧的按钮怎么添加?

    Dreamweaver中banner两侧的按钮怎么添加?Dreamweaver网页中的banner想要添加按钮,该怎么在banner左右两侧添加按钮呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-06-07
  • Dreamweaver怎么设计简单的导航按钮?

    Dreamweaver怎么设计简单的导航按钮?一般网页中?#21152;?#23548;航栏或者导航按钮,该怎么制作导航按钮呢?下面我们就来看看详细的制作方法,需要的朋友可以参考下
    2017-12-11
  • Dreamweaver单选按钮怎么出一道单选题?

    Dreamweaver单选按钮怎么出一道单选题?想要制作一个单选题的网页,该怎么给网?#31243;?#21152;单选题呢?我们需要使用dw单选按钮来实现,下面我们就来卡看详细的教程,需要的朋友可
    2017-11-27
  • dreamweaver cs5怎么给网?#31243;?#21152;设置为主页的按钮?

    dreamweaver cs5怎么给网?#31243;?#21152;设置为主页的按钮?在浏览网页的时候,发现网页?#21152;?#35774;置为主页的链接或按钮,在dw设置网页的时候怎么添加设置为主页的按钮,下面我们就来看
    2017-07-03
  • Dreamweaver怎么自己制作图形按钮?

    Dreamweaver怎么自己制作图形按钮?Dreamweaver中的按钮样式不好看,想要自己制作一个图形按钮,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-04-07
  • DW中的建单选按钮不能实现二选一该怎么办?

    DW中的建单选按钮不能实现二选一该怎么办?使用dw创建了单选框,但是发现没办法二选一,该怎么办呢?最大的可能就是属性出了问题,下面我们就来看看详细的教程,需要的朋友
    2017-03-01
  • dreamweaver教程之制作图形提交按钮示例(图)

    这篇文章主要介绍了dreamweaver教程之制作图形提交按钮示例(图),需要的朋友可以参考下
    2014-04-03
  • Dreamweaver中如何制作漂亮的导?#25945;?#25353;钮

    想做一个漂亮的导航按钮。不知?#26469;?#30721;?下面给朋友们介绍一下
    2012-05-14

最新评论

时时彩包赢公式0369