Dreamweaver CC2019怎么制作关注按钮?
建站知识 2021-07-03 08:57www.168986.cn长沙网站建设
Dreamweaver CC2019中想要创建一个按钮并给按钮添加超链接,来实现点击关注的效果,该怎么实现呢?狼蚁网站SEO优化我们就来看看详细的教程。
- 软件名称
- Dreamweaver CC 2019 19.0 中文特别版(附破解步骤+破解补丁) 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属性代码设置宽、高、背景色。保存刷新网页可以看到效果。代码如下
<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制作关注按钮的教程,希望大家喜欢,请继续关注狼蚁SEO。
相关推荐
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML