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

工具/原料

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

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

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

一顆勇于探索的心

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

• 類型：網(wǎng)頁設(shè)計(jì)
• 大?。?/span>63.23MB
• 語言：簡(jiǎn)體中文
• 時(shí)間：2018-11-12

查看詳情

方法/步驟

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

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

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

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

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

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

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

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

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

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

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

注意事項(xiàng)

代碼頂部不可缺

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

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

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

最新評(píng)論