手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-18 13:21:57

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

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

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

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

3、<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>

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

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

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

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

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

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

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

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

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

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

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

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

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

微信公众号图文编辑-多色边框+文本框多色填充
© 手抄报圈