改变字体颜色+Hover效果

适当改变网页中部分字体的颜色能让页面的配色更合理,当页面字体颜色稍微复杂一些时,在小飞页后台编辑器里设置颜色有几点细节需要注意,这篇文章将教你怎样在页面里改变字体和Hover效果的颜色。

下面我们就以标题文字为例进行讲解。

一、整行字体颜色调整

把鼠标定位到该行标题文字中任意一点,在工作区上方找到“颜色”,并在颜色面板里设置新的颜色。

颜色面板里的颜色选择有两类:

1)通过主题色提供的渐变色板进行选择,这里的色彩一般都会匹配网站里的配色主题里的主题色,因此不大容易出错。

2)通过调色板直接选择任意色彩,这种选择面很宽,但需要一定的配色计划,否则很容易让页面文字颜色显得凌乱。

二、Hover字体的颜色(鼠标停留时的颜色)

当鼠标停留在字体上时,文字可以表现其他的颜色。当需要这种效果时,我们可以在颜色面板中左上角的”Hover“勾选框内进行勾选。

勾选时再对颜色进行设置选择。

提示:Hover字体颜色虽然已经设置,但在编辑器里相应的标题文字上我们是看不到这种效果的,这时只需要看“颜色”这一栏中,就会发现Hover字体的颜色设置效果。

三、局部改变字体颜色

利用鼠标选择需要改变的字体,然后在工作区上方找到“颜色”,并在颜色面板里设置新的颜色。

四、局部改变字体Hover的颜色

在已经局部化的文字内进行双击,选中需要Hover的字体,然后在颜色面板里设置新的颜色。