添加背景色+Hover效果

有时,我们需要给页面里的组件元素添加背景色以强化网页的配色效果,这篇文章就将介绍怎样给页面组件元素添加背景色和Hover效果。

组件背景色调整

在后台找到相应的组件,在编辑工作区上方的样式栏里找到【背景色】的设置,打开面板。

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

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

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

Hover的颜色(鼠标停留时的颜色)

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

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

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

组件内元素背景色调整

选中需要调整的元素盒子,点击盒子左上角的标签,然后在就可以再编辑工作区上方的样式栏里找到【背景色】的设置,打开面板进行调试。