养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Dreamweaver CS4实现文字链接的动态效果

时间:2024-11-10 15:28:41

打开DreamweaverCS4,在里面输入文字以及加上链接。

Dreamweaver CS4实现文字链接的动态效果

在右边CSS样式,可以右键新建一个新的CSS规则,也可以点下面的图标,建立一个新的CSS规则。

Dreamweaver CS4实现文字链接的动态效果

点击新建CSS规则,在选择器类型选择“复合内容”。在选择器名次选择“a:link”,然后点确定。

Dreamweaver CS4实现文字链接的动态效果

点确定之后会出现以下的方框,根据需要选,我们就选择改变字体颜色,选为“黑色”,在text-decoration里的none打勾。之后点确定。

Dreamweaver CS4实现文字链接的动态效果

Dreamweaver CS4实现文字链接的动态效果

之后,继续在CSS样式那里新建一个新的CSS规则。在选择器类型选择“复合内容”。在选择器名次选择“a:hover”

Dreamweaver CS4实现文字链接的动态效果

点击确定之后,又会出现第4步的图片,我们依旧只改变颜色,当然你也可以改变其他。颜色选择红色,在text-decoration里的none打勾。点击确定。

Dreamweaver CS4实现文字链接的动态效果

在实时视图里,发现黑色的"文字链接"只要鼠标移上去就会变成红色,教程到此结束。

Dreamweaver CS4实现文字链接的动态效果

© 一点知识