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