微信公众号图文编辑-多色边框+文本框多色填充

作者:wendy | 创建时间: 2023-05-29
本篇将讲到微信公众平台图文编辑,怎么制作出多色的文本边框,怎么为文本框更改填充色以及怎么修改文本框内字体颜色。原始案例以黑色边框、绿色文本框填充色为例,下文将逐步展开。...
微信公众号图文编辑-多色边框+文本框多色填充

操作方法

打开Macromedia Dreamweaver软件(后文均简写为DW)。

这是做测试写好的代码,现在已经在DW中打开,原始案例以黑色边框、绿色文本框填充色、微软雅黑字体为例。现在,拷贝下一个步骤的代码到你的软件,呈现本步骤图片效果。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><blockquote style="border:3px solid #000000;margin:10px 0px;padding:0px 10px;overflow:hidden;color:#555555;font-family:&quot;微软雅黑&quot;;font-size:smaller;line-height:25px;background:#008000;">微信公众号图文编辑-多色边框+多色文本框填充</blockquote>

在浏览器下预览后,拷贝效果到图文编辑处得到效果,如下图所示:

这一步讲解,如何改变 文本框的填充色,So Easy! 将【background:#008000;】代码改为【background:#ff0000;】,或者任何你需要的颜色,效果就出来了。

在浏览器下预览后,拷贝效果到微信公众平台的图文编辑处,得到如下图所示效果:

这一步讲解,如何改变文 本框边框的颜色,So Easy! 将【solid #000000;】代码改为【solid #ff00ff;】,或者任何你需要的颜色,效果就出来了。

在浏览器下预览后,拷贝效果到微信公众平台的图文编辑处,得到如下图所示效果:

这一步讲解,如何改变 文本框内文字的颜色,So Easy! 将【color:#555555;】代码改为【color:#ffff00】,或者任何你需要的颜色,效果就出来了。

在浏览器下预览后,拷贝效果到微信公众平台的图文编辑处,得到如下图所示效果:

温馨提示

微信公众号图文编辑-多色边框+多色文本框填充不可缺
直接选择需要的样式拷贝到需要的地方,修改其中的文字即可
点击展开全文

更多推荐