Dreamweaver怎么自己制作图形按钮?-网站技术-云服务器技术网

首页网站技术正文

Dreamweaver怎么自己制作图形按钮?

2022-11-25 384

嫌Dreamweaver自带的按钮不好看？那就自己做个按钮背景吧！

Dreamweaver怎么自己制作图形按钮?

方法一：

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

Dreamweaver怎么自己制作图形按钮?

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

Dreamweaver怎么自己制作图形按钮?

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

Dreamweaver怎么自己制作图形按钮?

方法二：

1、插入一个按钮（插入-表单-按钮），ID设置为btn2。

Dreamweaver怎么自己制作图形按钮?

2、给新按钮定义一个样式class=”btn2″，设置长宽（与背景图大小一致）和背景图。

Dreamweaver怎么自己制作图形按钮?

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

Dreamweaver怎么自己制作图形按钮?

以上所述是小编给大家介绍的Dreamweaver怎么自己制作图形按钮?,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对77isp云服务器技术网的支持！

原文链接：https://77isp.com/post/16557.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台，请勿相信其他任何渠道。