本篇經(jīng)驗(yàn)將講到微信公眾平臺(tái)圖文編輯，怎么制作怎么制作多色拼接的橢圓形狀的文本框。原始案例以綠色邊框?yàn)槔?，下文將逐步展開(kāi)。

工具/原料

微信公眾賬號(hào)：服務(wù)號(hào) 訂閱號(hào) 企業(yè)號(hào)

Macromedia Dreamweaver軟件（文中都簡(jiǎn)稱為DW）

一款測(cè)試效果的瀏覽器

一顆勇于探索的心

方法/步驟

1、這是做測(cè)試寫好的代碼，已經(jīng)在DW中打開(kāi)，原始案例以綠色邊框?yàn)槔，F(xiàn)在，拷貝下一個(gè)步驟的代碼到你的軟件，呈現(xiàn)本步驟圖片效果。

2、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

3、這一步講解，如何改變上部文本框邊框的顏色，So Easy！

將【border-color:green green green green;】代碼改為【border-color:green yellow green green;】，或者任何你需要的顏色，效果就出來(lái)了。

4、這一步講解，如何改變下部文本框邊框的顏色，So Easy！

將【border-color:green green green green;】代碼改為【border-color:green yellow purple green;】，或者任何你需要的顏色，效果就出來(lái)了。

5、這一步講解，如何改變右側(cè)文本框邊框的顏色，So Easy！

將【border-color:green yellow purple green;】代碼改為【border-color:yellow red purple green;】，或者任何你需要的顏色，效果就出來(lái)了。

6、在瀏覽器下預(yù)覽后，拷貝效果到微信公眾平臺(tái)的圖文編輯處，得到如下圖所示效果：

注意事項(xiàng)

頂部代碼不可缺，缺少會(huì)營(yíng)銷瀏覽器預(yù)覽效果

直接選擇需要的樣式拷貝到需要的地方，修改其中的文字即可

以上就是微信公眾平臺(tái)圖文編輯-多色拼接邊框+橢圓文本框(效果圖)介紹，希望對(duì)大家有所幫助！