多语言展示
当前在线:180今日阅读:2今日分享:38

颜色变变变变变变变!公众平台的七彩背景来啦!

公众号的图文内容怎么实现图片中圈出来的七彩效果?
工具/原料

i排版编辑器

方法/步骤
1

下面为大家揭晓,这种彩色渐变的文字背景色是怎么实现的。

2

在编辑框内输入你想改变背景色的文字,点击工具栏上最后一个HTML按钮,进入代码编辑页面。

3

然后把这段代码加在p标签之间,代码中的[文字]表示你刚才输入的文字,注意一定要有前后的span标签。文字

4

点击HTML按钮,回到编辑框界面,就可以看到文字的背景颜色发生了变化。

5

在已经改变文字背景颜色的基础上,还可以进行其他的变化,比如文字的位置、字体大小、颜色,通过编辑器上的工具栏可以直接调整。

6

调整代码中rgb的数值,就可以调整渐变样式的颜色。随着文字的增多,背景色会逐渐变长,不需要反复调整。这样的文字适合用于标题,以及需要强调的文字。会给读者造成眼前一亮的感觉,既美观又有趣。

7

除了上面为大家展示的这种渐变颜色,沙师弟还大家准备了下面几种简便的颜色。

8

不仅文字背景可以变色,你还可以设置一整个七彩渐变的卡片。比如下面的例子,也可以通过修改代码实现。

9

点击i排版编辑器工具栏上HTML按钮,把以下代码粘贴上。注意一定要有前后的span标签。

10

此时背景已经添加好了,点击HTML按钮,回到编辑器页面,再添加文字就可以了。

11

根据文字的多少,调整代码中height的数值(如图所示),就可以增长背景色长度。

12

调整代码中的颜色数值(如图所示),就可以改变渐变卡片的颜色。

推荐信息