本篇經驗將講到微信公眾平臺圖文編輯，怎么制作怎么制作多色拼接的橢圓形狀的文本框。原始案例以綠色邊框為例，下文將逐步展開。

工具/原料

微信公眾賬號：服務號 訂閱號 企業號

Macromedia Dreamweaver軟件（文中都簡稱為DW）

一款測試效果的瀏覽器

一顆勇于探索的心

軟件名稱：Macromedia Dreamweaver MX 2004 官方簡體中文專業版軟件大小：63.23MB更新時間：2018-11-12

方法/步驟

1、這是做測試寫好的代碼，已經在DW中打開，原始案例以綠色邊框為例。現在，拷貝下一個步驟的代碼到你的軟件，呈現本步驟圖片效果。

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

1. </p> <blockquote style="border-width:7px;border-style:solid;border-color:green green green green;margin:10px 0px;padding:0px 10px;overflow:hidden;color:#000000;font-family:"微軟雅黑";font-size:smaller;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;line-height:25px;background:#f6f6f6;">        <p>微信公眾號圖文編-制作多色拼接文本框<br />    微信公眾號圖文編-制作多色拼接文本框</p>    </blockquote>  

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

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

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

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

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

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