Dreamweaver CC2019如何制做关心按钮?

2021-03-20 05:37 jianzhan

Dreamweaver CC2019中要想建立1个按钮并给按钮加上超连接,来完成点一下关心的实际效果,该如何完成呢?下面大家就看来看详尽的实例教程。

手机软件名字:
Dreamweaver CC 2019 19.0 汉语非常版(附破译流程+破译补钉) 64位
手机软件尺寸:
956MB
升级時间:
2018⑴0⑴6马上免费下载

1、起动Dreamweaver手机软件,新建1个html文本文档。

2、在head标识中加上引进CSS的编码【<style type="text/css"></style>】。在body中写1个div标识【<a></a>

3、给DIV引进1个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安裝激活实例教程