微信编辑文章时那个框框怎么弄出来的？下图 微信公众号内容中的线框怎么弄的？
\u5fae\u4fe1\u516c\u4f17\u5e73\u53f0\u56fe\u6587\u7f16\u8f91\u91cc\u600e\u4e48\u505a\u4e0b\u56fe\u7684\u4fe9\u4e2a\u56fe\u6846\uff1f\u90a3\u662fcss+html\u7279\u6548\uff0c\u5148\u8bbe\u8ba1\u51fa\u6765\uff0c\u7136\u540e\u628a\u6548\u679c\u590d\u5236\u7c98\u8d34\u5230\u516c\u4f17\u53f7\u7f16\u8f91\u5668\uff0c\u5c31\u53ef\u4ee5\u5b9e\u73b0\u3002\u60f3\u8981\u81ea\u5df1\u8bbe\u8ba1\u5c31\u9700\u8981\u6709\u4e00\u70b9css\u4ee3\u7801\u57fa\u7840\uff0c\u4e5f\u6709\u5f88\u591a\u73b0\u6210\u7684\u53ef\u4ee5\u76f4\u63a5\u6284\u6765\u7528\u3002
\u5c31\u662f\u5728word \u6587\u672c\u91cc\u5efa\u4e00\u4e2a\u6587\u672c\u6846\uff0c\u8ba9\u540e\u5728\u6587\u672c\u6846\u91cc\u8f93\u5165\u5185\u5bb9\uff0c\u518d\u8fde\u7740\u6587\u672c\u6846\u4e00\u8d77\u590d\u5236\u5230\u5fae\u4fe1\u516c\u4f17\u53f7\u91cc\u3002\u3002
可以通过一些网站编辑器来实现，这里以“96编辑器”为例，其他编辑器操作大致相同。具体方法如下：
1、打开电脑浏览器，在搜索栏中输入“96微信编辑器”，并点击搜索，如下图所示：
2、点击96微信编辑器官网，需要注意的是需要带“官方”蓝色字的网站导航，如下图所示：
3、此时，在弹出的窗口中，在左边栏会显示各式各样的版式，标题的版式，也有整个微信整篇内容的模板等等。在此就以微信内容里的标题需要带框框为例。然后我们点击先左上方的样式，然后点击标题，最后选择线框标题，如下图所示：
4、在弹出的下方窗口中，选择一款自己喜欢的款式，然后左键单击它，如下图所示：
5、此时，会在编辑页面中会显示刚才你所选的线框标题，然后单击框内的文字，选中它们并修改成你想要的字，这里以修改成“百度百科”为例。
6、修改好内容后，在编辑栏的右边，会有“微信复制”按钮，点击“微信复制”按钮，然后将它粘贴到微信公众号编辑栏中即可。
公众平台本身是弄不出来的，你可以在其它网页编辑工具中弄出来，然后复制到公众平台的图文信息中！
可以用第三方html工具如Dreamweaver，用代码写
还可以用在线编辑器，如wx.ddianshang.com，提供了不少不错的样式可供选择
可以编辑好了之后，复制全部内容，再粘贴到你的微信公众号文章里
这些html工具编辑好的效果可以直接在你的微信文章中使用
这些是特效，如果你自己会编程可以自己做，不会可以复制粘贴别人的，
可参考：http://mp.weixin.qq.com/s?__biz=MzA5MTcwMjAxNg==&mid=205111069&idx=1&sn=6d2a1bc27eb9e6f96e62b517348aa11b#rd
可以通过一些网站编辑器来实现，这里以“96编辑器”为例，其他编辑器操作大致相同。具体方法如下：
1、打开电脑浏览器，在搜索栏中输入“96微信编辑器”，并点击搜索，如下图所示：
/iknow-pic.cdn.bcebos.com/908fa0ec08fa513d9b173f9c336d55fbb2fbd937"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/908fa0ec08fa513d9b173f9c336d55fbb2fbd937?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/908fa0ec08fa513d9b173f9c336d55fbb2fbd937"/>
2、点击96微信编辑器官网，需要注意的是需要带“官方”蓝色字的网站导航，如下图所示：
/iknow-pic.cdn.bcebos.com/1e30e924b899a901e479097413950a7b0208f520"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/1e30e924b899a901e479097413950a7b0208f520?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/1e30e924b899a901e479097413950a7b0208f520"/>
3、此时，在弹出的窗口中，在左边栏会显示各式各样的版式，标题的版式，也有整个微信整篇内容的模板等等。在此就以微信内容里的标题需要带框框为例。然后我们点击先左上方的样式，然后点击标题，最后选择线框标题，如下图所示：
/iknow-pic.cdn.bcebos.com/09fa513d269759ee80da3d89bcfb43166c22dfee"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/09fa513d269759ee80da3d89bcfb43166c22dfee?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/09fa513d269759ee80da3d89bcfb43166c22dfee"/>
4、在弹出的下方窗口中，选择一款自己喜欢的款式，然后左键单击它，如下图所示：
/iknow-pic.cdn.bcebos.com/4ec2d5628535e5ddf642f99d78c6a7efce1b6201"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/4ec2d5628535e5ddf642f99d78c6a7efce1b6201?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/4ec2d5628535e5ddf642f99d78c6a7efce1b6201"/>
5、此时，会在编辑页面中会显示刚才你所选的线框标题，然后单击框内的文字，选中它们并修改成你想要的字，这里以修改成“百度百科”为例。
/iknow-pic.cdn.bcebos.com/738b4710b912c8fc911faa8ff2039245d7882187"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/738b4710b912c8fc911faa8ff2039245d7882187?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/738b4710b912c8fc911faa8ff2039245d7882187"/>
6、修改好内容后，在编辑栏的右边，会有“微信复制”按钮，点击“微信复制”按钮，然后将它粘贴到微信公众号编辑栏中即可。
/iknow-pic.cdn.bcebos.com/a686c9177f3e67098c511abd35c79f3df8dc551a"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/a686c9177f3e67098c511abd35c79f3df8dc551a?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/a686c9177f3e67098c511abd35c79f3df8dc551a"/>
绛旓細鎮ㄥソ锛岃繖浜涢兘鍙互閫氳繃缂栬緫鍥炬枃浠ｇ爜鍜屾牱寮忓疄鐜扮殑锛屼綘濡傛灉涓嶄細css鏍峰紡锛屽彲浠ュ熷姪绗笁鏂瑰伐鍏风敓浜э紝鐒跺悗澶嶅埗鍒板搴鐨勫井淇鍥炬枃閲屽嵆鍙紝瑕佷慨鏀瑰叾鑳屾櫙鎴栫粰鑳屾櫙鍔犲浘鐗囷紝娓愬彉鑹诧紝鍙互鎵撳紑娴忚鍣ㄦ寜涓媐12鏌ユ壘鍏冪礌杩涜缂栬緫锛屾坊鍔狅紒濡傚浘
绛旓細杩欐槸鐢╟ss+html瀹炵幇鐨勶紝涓嶆槸鍏紬鍙疯嚜甯︾殑鍔熻兘銆傚厛鐢ㄥ埗浣滅綉椤电殑杞欢璁捐鍑烘潵锛岀劧鍚庢妸鏁堟灉澶嶅埗绮樿创鍒板叕浼楀彿缂栬緫鍣紝灏卞彲浠ュ疄鐜般傛兂瑕佽嚜宸辫璁″氨闇瑕佹湁涓鐐筩ss浠ｇ爜鍩虹锛屼篃鏈変竴浜涚幇鎴愮殑鍙互鐩存帴鎶勬潵鐢ㄣ
绛旓細杩欎釜鏄湁妯℃澘鐨勶紝 鐩存帴鐧惧害寰俊缂栬緫鍣紝閲岄潰鏈夊緢澶氭ā鏉匡紝濡傛灉浣犻潪瑕佽嚜宸卞仛锛屽氨鐢≒S鎶婅繖涓仛鎴愪竴寮犲浘鐗囷紝鐒跺悗鏀惧埌寰俊缂栬緫鏍忛噷
绛旓細鍏紬骞冲彴娑堟伅缂栬緫鐨勬椂鍊锛妗嗘浠ュ強鍏朵粬鐗规畩鐨勬牸寮忥紝闇瑕侀氳繃绗笁鏂瑰钩鍙版垨鑰呴〉闈㈣璁″伐鍏疯繘琛岃璁°1. 鍏紬骞冲彴鑷甫鐨勭紪杈鍣ㄥ彧鑳借繘琛岀畝鍗曠殑鏂囧瓧銆佸浘鐗囥侀煶涔愩佽棰戠瓑鐨勭紪杈戞帓鐗堬紝涓嶈兘鐩存帴鍋氬甫杈规銆佸甫鑳屾櫙鍥剧瓑鐗规畩鏁堟灉鐨勮璁°2.鐢变簬
绛旓細杩欎釜閮芥槸鑷繁鍦ㄥ浘鏂囩礌鏉愰噷闈㈡坊鍔犵殑锛屼綘涔熷彲浠ュ湪鍋氬浘鏂囩礌鏉鐨勬椂鍊 鍦ㄩ噷闈㈠姞涓涓繖涓笢瑗匡紝灏变細鏈夌浉鍚岀殑鏁堟灉浜
绛旓細鍒扮綉涓婃壘閭ｄ箞鐜版垚鐨勫浘鏂缂栬緫鍣紝缂栬緫涔嬪悗鍐嶅鍒跺埌寰俊绱犳潗涓
绛旓細鏈変笓闂鐨勫井淇＄紪杈杞欢 鍜岀編鍖栬蒋浠 浣犲彲浠ユ壘鎵 閲岄潰鏈夊緢澶氳姳鏍风殑
绛旓細杩欐槸涓撻棬鐨勫浘鏂囩紪杈戝櫒鍋鍑烘潵鐨锛屾垜鐢96鍥炬枃缂栬緫鍣ㄥ拰136鍥炬枃缂栬緫鍣ㄨ繕鏈夌绫崇紪杈戝櫒 浣犵湅涓嬪叾浠栦袱绉 鍏朵腑96缂栬緫鍣ㄥ浘鐗囩紪杈戞牱寮忓涓浜 璋㈣阿锛屾湜閲囩撼 闂涓夛細寰俊鍏紬骞冲彴鎬庝箞鍔 鏂囧瓧鎬庝箞鍔犺竟妗 鎼寰俊缂栬緫鍣 闂鍥涳細濡備綍鍦ㄥ井淇″叕浼楀彿鐨勬枃绔涓姞妗 鍔妗嗘鏄氳繃鎺掔増鏉ョ殑锛屽锛氱绫虫帓鐗堬紝閲岄潰灏辨湁璁稿涓...
绛旓細1銆侀鍏堟垜浠湪鎵嬫満妗岄潰涓婃墦寮銆寰俊銆戯紝鐐瑰嚮涓嬫柟鐨勩愬彂鐜般戯紝鎵撳紑銆愬皬绋嬪簭銆戙2銆佺劧鍚庡湪涓婃柟鐨勩愭悳绱戜腑杈撳叆銆愬褰╄亰澶╂场娉°戯紝鐐瑰紑杩涘叆锛屽乏鍙虫粦鍔ㄦ垜浠彲浠ョ湅鍒颁笅鏂规湁鍚勫紡鍚勬牱鐨勬秷鎭锛屾垜浠殢鏈虹偣寮涓涓3銆佹渶鍚庡湪涓婃柟娑堟伅妗嗕腑杈撳叆鏂囧瓧锛岀偣鍑讳笅鏂圭殑銆愬彂閫併戯紝鍑虹幇娑堟伅妗嗗悗闀挎寜锛屾帴鐫鐐瑰嚮銆愬彂閫佺粰鏈嬪弸...
绛旓細鏈夋鏂囧唴瀹 宸茬粡鍏虫敞浜嗘鍏紬鍙 涓嬪浘涓虹偣鍑烩滈瑙堚濆悗鐨勯〉闈細杈撳叆浣犵殑寰俊鍙蜂箣鍚庯紙淇濋殰娆℃寰俊宸茬粡鍏虫敞浜嗚繖涓叕浼楀彿锛夌殑椤甸潰鎻愮ず锛氶棶棰樺崄锛寰俊缂栬緫鏂囩珷鏃堕偅涓妗嗘庝箞寮勫嚭鏉鐨勶紵涓嬪浘 鍏紬骞冲彴鏈韩鏄紕涓嶅嚭鏉ョ殑锛屼綘鍙互鍦ㄥ叾瀹冪綉椤电紪杈戝伐鍏蜂腑寮勫嚭鏉ワ紝鐒跺悗澶嶅埗鍒板叕浼楀钩鍙扮殑鍥炬枃淇℃伅涓紒
