网页制作鼠标触发字体变色效果

使用行为制作触发字体变色

操作方法

  • 01

    打开Dreamweaver,找到中间新建并点击html。

  • 02

    首先我在设计页面随便输入一些字母,

  • 03

    然后选取文字,在下面工具栏那找到链接,在文本框里输入一个#号

  • 04

    切换到代码视图,如果功能不是用于链接的话,在相应的位置,输入这段代码,去掉字体的下划线,a{}代表全部a链接属性。 <style type="text/css"> a{ text-decoration:none; } </style>

  • 05

    在相应位置输入如下代码,设置a标签字体hover(获得鼠标焦点)事件,字体改为红色。 a:hover{ color:#FF0000; text-decoration:none; }

  • 06

    按Ctrl+s保存文件,再按F12在浏览器中浏览效果。 测试效果。

(0)

相关推荐

  • 网页制作教程-文本字体大小设置

    今天介绍网页中如何控制文字的显示大小. 操作方法 01 使用文本编辑器创建一个html文件,并进行编辑,输入html基本要素.若此步有问题,请阅读小编的"网页制作教程-Hello, worl ...

  • axure中如何设置鼠标按下时矩形变色效果制作

    axure中如何设置鼠标按下时矩形变色效果制作 操作方法 01 在元件库中选择一个框建立在右侧工作区中 02 然后点击这个框,右键选择里面的交互样式属性 03 在打开的样式属性中,有一个鼠标按下的选项 ...

  • css设置鼠标滑过字体变色

    网页上鼠标滑过字体变色是一种常见的效果,可以通过自己颜色的改变给用户一个很好的体验效果.如何制作鼠标滑过字体变色,可以通过css提供了鼠标滑过:hover选择器对样式进行修改. 语法: a:hover ...

  • HTML网页怎样实现鼠标经过文字变色

    刚学HTML网页设计的各位小伙伴们一定想要实现一些交互效果,比如 鼠标经过文字变色等,今天我就来教教大家. 操作方法 01 如图所示,在一个HTML文档里面写上一个标签,并且标签里面写上要变色的字.这 ...

  • 网页制作新手怎么设置字体

    字体(Font)的设置是网页制作新手遇到的第一个难点. 如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面:字符集的设定. 在查看html文件原代码 ...

  • 如何用PPT制作鼠标创意文字效果?

    PPT制作鼠标创意文字效果教程,整个过程比较复杂,但希望通过本次临摹的教程,帮助大家更为深入了解PPT的形状编辑工具的使用。 使用Segoe Script字体输入英文文本。该字体的特点是连笔手写,很适 ...

  • 怎么在PS软件中制作融化字体的效果

    今天给大家介绍一下怎么在PS软件中制作融化字体的效果的具体操作步骤.1. 首先打开电脑上的PS软件,选择新建新的画布,如图,进行设置,点击确定后,双击图层,进行解锁背景图层.2.然后我们先将背景切换成 ...

  • Ps如何制作星空发光字体效果

    Ps如何制作星空发光字体效果,相信很多使用该软件的朋友们对此都很感兴趣,下面就和大家来分享一下,希望可以帮助到大家. 操作方法 01 首先打开ps,然后导入星空的素材图,再双击图层后面的小组图标,解锁 ...

  • 如何用Photoshop制作3D立体字体效果

    Ps是一款很实用的图像处理软件,今天我来和大家分享一下如何用Photoshop制作3D立体字体效果 操作方法 01 首先打开PS,新建画布,输入内容 02 左键依次单击"3D"-- ...