手把手教你玩轉(zhuǎn)文章背景圖
厭倦了純白的背景色，想要嘗試更多元化的文章版式？
從背景下手，最容易出效果。
今天就來(lái)講講如何設(shè)置一篇文章的背景圖
厭倦了純白的背景色，想要嘗試更多元化的文章版式？
從背景下手，最容易出效果。
今天就來(lái)講講如何設(shè)置一篇文章的背景圖
先來(lái)看看幾個(gè)例子
以上兩篇是小編截取的135歷史文章中使用背景圖的文章
各位寶寶覺(jué)得怎樣？
做出上述炫酷的背景圖，只需三個(gè)步驟：
1.上傳背景圖
2.選擇半透明樣式
3.插入樣式 適當(dāng)修改
下面小編將分條進(jìn)行詳細(xì)闡述
上傳背景圖有兩種方式，
一是選擇135編輯器的在線圖片作為背景圖，方法簡(jiǎn)便。
二是用戶選擇本地圖片作為文章背景圖。
本文主要講述后者使用方法。
上傳圖片?復(fù)制網(wǎng)址?上傳背景圖
背景圖設(shè)置成功后，你會(huì)發(fā)現(xiàn)如果在背景圖上碼字，基本上看不清寫了什么。
像這樣：
這時(shí)，我們需要，在背景圖上增加一個(gè)半透明的樣式，
這樣文字寫在純色圖層上，更易分辨。
像這樣：
具體操作方法：
樣式中心?半透明樣式?收藏
插入樣式后，首先判斷樣式與背景圖是否搭調(diào)。
插入樣式?輸入文章內(nèi)容 ?整體預(yù)覽
若樣式和背景圖不搭，再進(jìn)一步改變顏色和透明度
給樣式換色?改變透明度
修改代碼放大示意圖：
在代碼中找到
opacity: 0.6; background: rgb(226, 121, 97);
刪除 opacity: 0.6;
rgb(226, 121, 97); 改為 rgba(226, 121, 97,0.9)
注意：0.9為透明度。0為全透明，1為不透明
本次小編設(shè)置透明度0.9
有些朋友可能要問(wèn)了，好看的背景圖哪里去找呢？
小編在這里提供一個(gè)思路
可以將 搜索關(guān)鍵詞 設(shè)置為『手機(jī)壁紙、桌面壁紙』
常常會(huì)有意外收獲~
喜歡這種風(fēng)格的朋友們，趕緊用起來(lái)吧~
立即登錄
