本篇经验将讲到,微信公众平尊怠哉砑台图文编辑过程中,左侧半个大括号内包含多行文字的制作效果。其中将包括左侧大括号如何改变颜色,其所包含的右侧多行文字如何改变颜色以及如何在大括号内新增一行文字,使样式不被破坏,效果如下图所示。
工具/原料
微信公众账号:服务号 订阅号 企业号
Macromedia Dreamweaver软件(以下简称为DW)
测试效果的浏览器
1.代码准备
1、这是做测试写好的代码,已经在DW中打开,原始案例以均以黑色大括号,黑色字体为例。现在,拷贝下一个步骤的代码到你的软件,呈现本步骤图片效果。
2、<meta http-equiv="Content-Type&孥恶膈茯quot; content="text/ht罪焐芡拂ml; charset=utf-8"/><p style="padding:7px 7px 7px 10px;font-size:10px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-left-width:3px;border-left-style:solid;border-left-color:#000000;margin-top:0px;margin-bottom:25px;"><strong style="line-height:2em;font-family:微软雅黑;color:#000000;font-size:14px;">微信公众号图文编辑-左侧大括号内包含多行文字</span></strong></span></span></strong><span style="margin:0px;padding:0px;box-sizing:border-box;color:#000000;line-height:normal;max-width:1;font-family:微软雅黑,simsun;font-size:14px;"><br/><strong style="line-height:2em;font-family:微软雅黑;color:#000000;">微信公众号图文编辑-左侧大括号内包含多行文字<span style="margin:0px;padding:0px;"></span></strong></span></span></strong><span style="margin:0px;padding:0px;box-sizing:border-box;color:#000000;line-height:normal;max-width:1;font-family:微软雅黑,simsun;font-size:14px;"><br/><strong style="line-height:2em;font-family:微软雅黑;color:#000000;">微信公众号图文编辑-左侧大括号内包含多行文字<span style="margin:0px;padding:0px;"></span></strong></span></span></strong><span style="margin:0px;padding:0px;box-sizing:border-box;color:#000000;line-height:normal;max-width:1;font-family:微软雅黑,simsun;font-size:14px;"></span>
2.改变左侧大括号颜色
1、这一步讲解,如何改变左侧大括号的颜色,So Easy!用代码【border-left-color:pink;】代替【border-left-color:#000000;】代码或者任何你需要的颜色,效果就出来了。
3.改变括号内字体颜色
1、这一步讲解,如何改变士候眨塄大括号所包含的字体的颜色,So Easy!将【color:#000000;;font-size:14px;】代码改为【col泠贾高框or:orange;font-size:14px;】或者任何你需要的颜色,效果就出来了。下图为第一行黑色字改变为橙色字。
2、【color:#000000;;font-size:14px;】代码改为【color:green;font-size:14px;】,下图为第二行黑色字改变为绿色。
3、【color:#000000;;font-size:14px;】代码改为【colorred;font-size:14px;】,下图为第三行黑色字改变为红色。
4.新增一行文字
1、方法1.拷贝一段代码,插入其中,根据需求按照之前步骤修改文字效果即可。
2、方法2.将代码运行在浏览器上,直接拷贝效果到微信公众平台的图文编辑框内,使用shift+enter键另起一行,根据需求修改文字效果即可。