adjust the color of various elements to complementary colors - zilongxuan001/LearnFreecode GitHub Wiki
调整多个元素的颜色为互补色
理解
互补色的挑战中显示,在颜色轮中相反色放在一起可以让彼此显得更有活力。
然而,如果在网站中被过度使用强烈的视觉对比会显得很刺眼,而且,如果文本被放到互补色的北京总,有时会弄得文本难以阅读。
在实际中,其中一种颜色为主,互补色被用于在网页中给一定的内容带来视觉注意力。
练习
这个网页使用蓝绿色teal(#09A7A1)作为主色,使用橙色orange(#FF790E)作为互补色来让sign-up
按钮高亮。
改变header
和footer
的background-color
,从black改为teal色。
然后改变h2
text的颜色为teal
。
最后,改变button
的background-color
为橙色。
来源
CHANGELOG
2018-10-29 16:05:08