微信公众号中图文素材如何用CSS形式实现圆点等效果

1.首先,文章标题中提到的“圆点方框等效果”指的是这样一些效果,如下图所示:
链接地址:学院名片 ▏艺术设计与传媒学院
微信公众号中图文素材如何用CSS形式实现圆点等效果
2. 怎么实现这种效果呢?以图中的效果为例,我们可以进入开发者模式,选中这个区域,下面的代码区域会自动跳转到对应的代码区域,如下图所示:微信公众号中图文素材如何用CSS形式实现圆点等效果
3. 接下来,我们选中这部分代码,点击右键,选择"Copy outerHTML",那么这部分代码会被复制下来,如下图所示:
微信公众号中图文素材如何用CSS形式实现圆点等效果
4. 我们在浏览器中打开135编辑器,在编辑区域点击"源代码",如下图所示:
微信公众号中图文素材如何用CSS形式实现圆点等效果

  1. 清空编辑区域,将之前复制的代码,粘贴进入编辑区域,如下图所示:
    微信公众号中图文素材如何用CSS形式实现圆点等效果

  2. 接着,再点击一次编辑区中的“源代码”,那么对应的效果出现在了编辑区域,如下图所示:
    微信公众号中图文素材如何用CSS形式实现圆点等效果

  3. 然后再点击编辑区域中的“微信复制”,所选的内容即可选中复制,如下图所示:
    微信公众号中图文素材如何用CSS形式实现圆点等效果

  4. 之后在公众号图文素材的内容里面,我们可以把复制好的内容粘贴进入,如下图所示:

微信公众号中图文素材如何用CSS形式实现圆点等效果

以上即是使用CSS形式实现圆点效果的具体过程,若想要实现其他的效果,过程也是类似的。首先是在开发者模式中定位这部分的代码,然后是复制这部分代码,最后粘贴到第三方编辑器中,即可展现这个效果。