微信电脑版 coreldraw x6 驱动人生 EasyRecovery 易企秀
PC下载网
PC下载网 > 软件教程 > 编程开发 > 

dreamweaver cs6自己制作图形按钮的详细方法介绍

dreamweaver cs6自己制作图形按钮的详细方法介绍

编辑:大胡子 来源:互联网 时间:2019-07-08 14:04:54

  • 相关下载1

dreamweaver cs6

dreamweaver cs6

大小:278MB 语言:简体中文

类型:编程开发 等级:

立即下载 查看详情

很多公司也在使用dreamweaver cs6软件,最近就有一些员工询问dreamweaver cs6是怎么自己制作图形按钮的?下文就为你们带来了dreamweaver cs6自己制作图形按钮的详细方法介绍。

我们需要先打开dreamweaver cs6软件,然后小编分为两种方法讲述:

第一种方法:

1、在新建文档里插入一个图像域(插入-表单-图像域),在弹出框里选择准备好的按钮图片,设置ID为“btn1”。

1.png

2、如果有弹出框,提示“是否添加表单标签”,点“是”,按钮图片就出现在了设计框内。

22.jpg

3、在浏览页面点击按钮图片,会有响应,黄色边框就是鼠标按下时的状态。

33.jpg

第二种方法:

1、插入一个按钮(插入-表单-按钮),ID设置为btn2。

44.jpg

2、给新按钮定义一个样式class="btn2",设置长宽(与背景图大小一致)和背景图。

5.png

3、在样式里也设置下,字体、大小、字体颜色等,最终效果如下。

66.jpg

按照上文为你们讲述的dreamweaver cs6自己制作图形按钮的详细方法介绍,相信你们应该都学会了吧!

PC下载站网友:
共有10条评论
返回顶部