css字体颜色代码-原来给文字加上彩色背景也这么美啊!

2023-08-26 0 6,693 百度已收录

大家好,我是老沙。 公历的元旦也是新年css字体颜色代码,新年会是多姿多彩的。 那么,今天我就给大家介绍一款充满色调的游戏:彩色文字背景。

我们看到的大多数文本背景都是单色的。 给文字添加背景色可以突出重点。 例如,itypesetting(iPaiban.com)上的一篇文章会为关键文本添加红色背景。 文字背景颜色的选择与公众号的主色调和风格密切相关。 如果你追求的是欢快可爱的风格,或者是喜欢多变的排版风格,不妨尝试一下这些色彩缤纷的文字背景css字体颜色代码,好看又有趣。

下面就为大家介绍一下,如何实现这种颜色渐变的文字背景色。

彩色文本背景教程

首先,打开iTypesetting(iPaiban.com)编辑器,在编辑框中输入想要改变背景颜色的文字,点击工具栏最后一个HTML按钮,进入代码编辑页面。

然后,在 p 标记之间添加此代码。 代码中的“文本”是指您刚刚输入的文本。 注意前后必须有span标签。

单词

如图所示:

然后,点击HTML按钮返回到编辑框界面,可以看到文字的背景颜色已经改变了。

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

当然,背景的颜色也是可以改变的。 在HTML中,可以通过调整代码的rgb值来改变渐变背景的颜色。 随着文字数量的增加,背景颜色会逐渐变长,不需要反复调整。

这样的文字适合做标题和需要指出的文字,会给读者眼前一亮的感觉。 除了之前给大家展示的渐变色之外,老沙还为大家规划了以下简单的颜色。 您可以将这张图片和文字导出到iTypesetting(iPaiban.com)的草稿箱中直接替换文字。

拍版网

拍版网

拍版网

拍版网

拍版网

手机导出教程

导入的时候,手边没有笔记本也没关系,因为图文导出在手机上就可以完成。 请按如下方式进行:

1、点击文章右上角三个点,点击“复制链接”;

2、打开“小小兵科技”服务账号,点击我的iTypesetting下方菜单-上传图片和文字;

3.粘贴链接,如果收到成功提示,则说明已保存。

请注意,文章保存在您与 Momo 绑定的 iPaiban.com 帐户的草稿箱中。 之后,在网页上登录您的排版(iPaiban.com)帐户,并在草稿箱中打开进行编辑。

渐变色网站

如果你想尝试其他渐变背景颜色,这里有两个非常有用的渐变颜色网站。

1.WebGradients.com

WebGradients是设计师经常需要使用的UI背景渐变颜色组合。 它可以轻松地将颜色代码复制到CSS中,并且还支持PSD和PNG版本。

2.uiGradients.com

css字体颜色代码-原来给文字加上彩色背景也这么美啊!

uiGradients不仅可以点击页面左右两侧的箭头来改变渐变颜色,还可以选择包含特定颜色的渐变颜色。

如何在代码中应用这两个网站的渐变色?

我们以第二个网站 uiGradients 为例。

1. 单击复制页面中渐变顶部的颜色编号。

2、在itypesetting(iPaiban.com)编辑器的HTML界面中,在刚刚添加的代码中找到如下图所示的rgb部分。

3、将rgb部分替换为复制网页的颜色代码。 颜色格式为 rgb 或 #。

如果需要几种颜色的渐变,只需替换几种颜色即可,但要注意每个颜色代码之间的逗号。 请记住,代码中的所有符号都是英文格式,记住。

▲7天学会花式排版

▲从小白到高级业务员

▲给会员留言

点击“正在查看”

戳沙和尚 (playhudong033)

收走《对公账户排版规范手册》PPT

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 css css字体颜色代码-原来给文字加上彩色背景也这么美啊! https://www.wkzy.net/game/163016.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务