html点击按钮改变颜色_这个彩色卡片样式，可以自定义颜色！

大家 好，我是老沙。新的一周 又来送教程啦。 每周老沙都会送上与排版、运营有关的各种干货，并及时更新到i排版公众号的菜单栏里。 所以，哪天你错过了某篇干货文章，或者想再看几遍，按照如图所示的位置便能找到。 上周老沙曾教大家制作文字彩色背景 (戳蓝字可直接查看)，教程中涉及到代码，有些小伙伴被样式吸引，转眼又被代码劝退。 其实，大可不必。 老沙的教程凡是涉及到代码的，基本上 粘贴复制 即可，最多改改里面的一些数值。代码的原理也会给大家讲一讲，简单易懂，对于看教程的小伙伴来说，不需要有任何会代码的基础。所以，如果你觉得玩法合自己心意，看到代码，也请放心“食用”。

嘿嘿，比如今天，一份「彩色背景卡片」的教程。不仅文字背景可以变色，你还可以设置彩色渐变的卡片。下面的例子，便是通过代码实现。

iPaiban.com 下面，来看具体步骤：

教程

打开i排版(iPaiban.com)编辑器，点击工具栏上的 HTML 按钮，将以下代码粘贴进去。