微信公眾平臺(tái)圖文編輯-多色拼接邊框+橢圓文本框(效果圖)

發(fā)布時(shí)間：2014-11-19 11:00:01 作者：佚名

在微信公眾平臺(tái)，不論訂閱號(hào)還是服務(wù)號(hào)還是企業(yè)號(hào)，都需要越來(lái)越精彩的頁(yè)面效果吸引讀者注意。下面小編為大家?guī)?lái)微信公眾平臺(tái)圖文編輯-多色拼接邊框+橢圓文本框，有需要的朋友可以跟著教程來(lái)學(xué)習(xí)吧

本篇經(jīng)驗(yàn)將講到微信公眾平臺(tái)圖文編輯，怎么制作怎么制作多色拼接的橢圓形狀的文本框。原始案例以綠色邊框?yàn)槔挛膶⒅鸩秸归_(kāi)。

微信公眾號(hào)圖文編-多色拼接邊框+橢圓文本框

工具/原料

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

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

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

一顆勇于探索的心

Macromedia Dreamweaver MX 2004 官方簡(jiǎn)體中文專(zhuān)業(yè)版

類(lèi)型：網(wǎng)頁(yè)設(shè)計(jì)
大小：63.23MB
語(yǔ)言：簡(jiǎn)體中文
時(shí)間：2018-11-12

查看詳情

方法/步驟

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

微信公眾號(hào)圖文編-多色拼接邊框+橢圓文本框

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

復(fù)制內(nèi)容到剪貼板

</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>微信公眾號(hào)圖文編-制作多色拼接文本框<br /> 微信公眾號(hào)圖文編-制作多色拼接文本框</p> </blockquote>

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

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

微信公眾號(hào)圖文編-多色拼接邊框+橢圓文本框