大家好,我是老沙。 公历的元旦也是新年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
uiGradients不仅可以点击页面左右两侧的箭头来改变渐变颜色,还可以选择包含特定颜色的渐变颜色。
如何在代码中应用这两个网站的渐变色?
我们以第二个网站 uiGradients 为例。
1. 单击复制页面中渐变顶部的颜色编号。
2、在itypesetting(iPaiban.com)编辑器的HTML界面中,在刚刚添加的代码中找到如下图所示的rgb部分。
3、将rgb部分替换为复制网页的颜色代码。 颜色格式为 rgb 或 #。
如果需要几种颜色的渐变,只需替换几种颜色即可,但要注意每个颜色代码之间的逗号。 请记住,代码中的所有符号都是英文格式,记住。
▲7天学会花式排版
▲从小白到高级业务员
▲给会员留言
点击“正在查看”
戳沙和尚 (playhudong033)
收走《对公账户排版规范手册》PPT