微信公众号图文编辑-怎么给边框加阴影

 时间:2024-09-24 04:25:58

微信公众平台编辑图文的时候,不撮劝丛食单要用到直角的文本框,圆角的文本框,彩色的文本框,实线文本框,虚线文本框,还需要更多的文本框效果,比如文本框是有阴影的,怎么给微信公众平台图文编辑的边框加阴影?

微信公众号图文编辑-怎么给边框加阴影

工具/原料

微信公众账号

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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</p>

微信公众号图文编辑-怎么给边框加阴影

4、注意图中彩色框起来的代码处,是为前两个文本框增加了阴影,box-shadow:#a5a5a55px5px2px。

微信公众号图文编辑-怎么给边框加阴影

5、现在,在浏览器下查看效果,如果测试没有问题,就可以直接拷贝到微信公众号的图文编辑栏内了。

微信公众号图文编辑-怎么给边框加阴影

6、拷贝到微信公众平台图文编辑栏内的效果。根据你的需求,换成自己需要的文字就可以了!当然在DW编辑过程中换成你的文字也可以了。

微信公众号图文编辑-怎么给边框加阴影

热门搜索
改图片尺寸 诗情画意的图片 曼陀罗花图片大全 一起来看流星雨图片 人人电影