微信公众平台编辑图文的时候,不撮劝丛食单要用到直角的文本框,圆角的文本框,彩色的文本框,实线文本框,虚线文本框,还需要更多的文本框效果,比如文本框是有阴影的,怎么给微信公众平台图文编辑的边框加阴影?
工具/原料
微信公众账号
MacromediaDreamweaver软件
一款测试效果的浏览器(我用火狐)
一枚热爱探索的微信运营者
方法/步骤
1、打开MacromediaDreamweaver软件(后文均简写为DW)
2、这是做测试写好的代码水貔藻疽,现在已经在DW中打开。为了网友方便此处直接引用#微信公众号图文编辑-多色圆角背景#百度经验的例子。网友朋友,可以拷贝下一个步骤的代码到你的软件。
3、<metahttp-equiv="Content-Type&孥恶膈茯quot;content="text/ht罪焐芡拂ml;charset=utf-8"/><p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#6600FF;box-shadow:#a5a5a55px5px2px;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p><p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#006600;box-shadow:#a5a5a55px5px2px;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p><p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#0000FF;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p><p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#222222;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p><p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#cd0000;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p><p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#FF3300;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p><p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#FFFF00;"><spanclass="STYLE1">微信公众号图文编辑-多色圆角背景</span></a></span></p><p> </p>
4、注意图中彩色框起来的代码处,是为前两个文本框增加了阴影,box-shadow:#a5a5a55px5px2px。
5、现在,在浏览器下查看效果,如果测试没有问题,就可以直接拷贝到微信公众号的图文编辑栏内了。
6、拷贝到微信公众平台图文编辑栏内的效果。根据你的需求,换成自己需要的文字就可以了!当然在DW编辑过程中换成你的文字也可以了。