開心生活站

位置:首頁 > IT科技 > 

微信公衆號圖文編輯,如何給邊框加陰影效果

IT科技1.4W

微信公衆平臺編輯圖文的時候,要很多的文本框效果,比如文本框是有陰影的,怎麼給微信公衆平臺圖文編輯的邊框加陰影?

材料/工具

微信

方法

這是做測試寫好的代碼,現在已經在DW中打開

微信公衆號圖文編輯-如何給邊框加陰影效果

注意圖中彩色框起來的代碼處,是爲前兩個文本框增加了陰影,box-shadow:#a5a5a5 5px 5px 2px。

微信公衆號圖文編輯-如何給邊框加陰影效果 第2張

現在,在瀏覽器查看效果,如果測試沒有問題,就可以直接拷貝到微信公衆號的圖文編輯欄內了。

微信公衆號圖文編輯-如何給邊框加陰影效果 第3張

拷貝到微信公衆平臺圖文編輯欄內的效果。根據你的需求,換成自己需要的文字就可以了。

微信公衆號圖文編輯-如何給邊框加陰影效果 第4張