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>

原文地址:https://www.wpon.cn/14175.html

资源来源网络,模板仅供学习,如需商用请购买正版授权

转载请注明出处,谢谢配合!


晨夕阁 » WordPress美化 —— 文字渐变特效

发表评论