51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

WordPress美化-文字渐变特效

这个教程可以帮助很多站长写文章时,重要词语/文本进行特殊标记,用红色或其他色彩有点单一,教程开始:

将以下代码添加到你的自定义html。

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/wenzi.css">
<div class="wpon">紧急通知</div>

注: 自定义html属于 古腾堡的一个区块,如果不使用古腾堡,使用经典编辑器直接在代码添加即可。

效果:
紧急通知: 快改颜色

上面的颜色是可以自行改动的,但我怕有些人不会,就直接在这里以此把代码写好了。

红色渐变

代码:

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/redwz.css">
<div class="wpon">我的颜色是红色</div>

蓝色渐变

代码:

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/bluewz.css">
<div class="wpon">我的颜色是蓝色</div>

黄色渐变

代码:

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/yellowwz.css">
<div class="wpon">我的颜色是黄色</div>

绿色渐变

代码:

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/greenwz.css">
<div class="wpon">我的颜色是绿色</div>

教程结束,如有不懂联系站长

赞(0)
未经允许不得转载:工具盒子 » WordPress美化-文字渐变特效