在微信公眾平臺(tái)，不論訂閱號(hào)還是服務(wù)號(hào)還是企業(yè)號(hào)，都需要越來(lái)越精彩的頁(yè)面效果吸引讀者注意。這吸睛的頁(yè)面效果就需要美味微信運(yùn)營(yíng)這動(dòng)動(dòng)腦筋了，重要的往往不是技術(shù)，而是你的思維&思想,是你用最新鮮的創(chuàng)意和想法，支配簡(jiǎn)單的技術(shù)和工具，實(shí)現(xiàn)偉大的頁(yè)面效果。下文將講述微信公眾號(hào)圖文編輯-（直角+圓角）帶陰影邊框（附效果圖）。

工具/原料

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

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

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

一顆勇于探索的心

方法/步驟

1、打開(kāi)Macromedia Dreamweaver軟件（后文均簡(jiǎn)寫(xiě)為DW）。

2、這是做測(cè)試寫(xiě)好的代碼，現(xiàn)在已經(jīng)在DW中打開(kāi)多色直背景效果。

代碼中邊框是有陰影的，邊框樣子是類似幻燈片中一種圖片效果的，左上角及其一個(gè)對(duì)角是圓角，右上角及其一個(gè)對(duì)角是直角。原始案例以紅色邊框、黑色字體為例，下文將逐步展開(kāi)。現(xiàn)在，可以拷貝下一個(gè)步驟的代碼到你的軟件。

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

4、現(xiàn)在看一下在瀏覽器下預(yù)覽出來(lái)的網(wǎng)頁(yè)效果。

5、這一步講解，如何改變編輯框內(nèi)的字體的顏色，看過(guò)前幾篇經(jīng)驗(yàn)的朋友應(yīng)該能知道修改方法，So Easy！將【color:#555555;font-family:&quot;微軟雅黑&quot;】代碼改為【;color:#0000FF;font-family:&quot;微軟雅黑&quot;】，或者任何你需要的顏色，效果就出來(lái)了。

6、瀏覽器預(yù)覽效果為

7、這一步講解，如何改變編輯框的顏色，So Easy！

將【solid #d80d55;margin:0px】代碼改為【solid #00ff00;margin:0px】，或者任何你需要的顏色，效果就出來(lái)了。

8、瀏覽器預(yù)覽效果為

9、直接選擇需要的樣式拷貝到需要的地方，修改其中的文字即可。選擇需要的樣式拷貝到需要的地方，修改其中的文字為自己的文字

注意事項(xiàng)

代碼頂部不可缺

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

選擇需要的樣式拷貝到需要的地方，修改其中的文字為自己的文字

以上就是微信公眾平臺(tái)圖文編輯-（直角+圓角）帶陰影邊框(附效果圖)，希望對(duì)大家有所幫助！