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>

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

温馨提示:本文最后更新于2022-05-30 14:58:54,某些文章具有时效性,若有错误或已失效,请在下方留言或联系多余博客屋
© 版权声明
THE END
喜欢就支持一下吧
点赞6赞赏 分享
评论 抢沙发

请登录后发表评论