Dreamweaver CC2019如何制作关注按钮

  介绍

这篇文章主要介绍了Dreamweaver CC2019如何制作关注按钮,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

1,启动<强> Dreamweaver 强软件,新建一个<强> html 强文档。

 Dreamweaver CC2019如何制作关注按钮

2,在头标签中添加引入CSS的代码【<强> & lt;风格类型=拔谋?css"祝辞& lt;/style> 】。在身体中写一个div标签【<强> & lt; a> & lt;/a>

 Dreamweaver CC2019如何制作关注按钮

3,给div引入一个CSS <强> 强,并给div添加CSS属性代码设置宽,高,背景色。保存刷新网页可以看到效果。代码如下:

& lt; style 类型=拔谋?css"比;   . css {   宽度:200 px;   高度:50 px;   显示:块;   颜色:# fff;   背景:# ff0000;   字体大小:24 px;   行高:50 px;   text-align:中心;   }   & lt;/style>   & lt; a 类=癱ss"祝辞点击关注& lt;/a>

 Dreamweaver CC2019如何制作关注按钮

4,为一个标签添加超链接的代码,用【<强> # 】代替空链接。

<强> & lt; a href=https://www.yisu.com/zixun/?”目标=捌降取崩?" css ">点击关注

然后添加圆角样式:

border - radius:, 25 px;   文字修饰:没有。

 Dreamweaver CC2019如何制作关注按钮

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

 Dreamweaver CC2019如何制作关注按钮

感谢你能够认真阅读完这篇文章,希望小编分享的“Dreamweaver CC2019如何制作关注按钮”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

Dreamweaver CC2019如何制作关注按钮