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

 时间:2026-02-13 14:35:10

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

    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实现文字链接的动态效果

  • Dreamweaver学习:[13]网页设置链接样式
  • 怎样用DreamWeaver实现多种html的切换
  • Dw CC 2018使用速记怎么设置过渡效果
  • Dw怎样新建一个站点
  • Dreamweave如何插入电子邮件框
  • 热门搜索
    奶茶怎么做 海胆怎么吃 录屏功能怎么打开 牟怎么读 试管婴儿怎么做的全过程 鸡眼怎么治 肾虚怎么补 西餐牛排的做法大全 方案怎么写 淬怎么读