文章排版教程|不會代碼,你也能做背景樣式!!!
來自專欄 一周乾貨鋪
我是小三兒
今天教大家
製作背景圖樣式
不用學代碼
也不用會代碼
簡單幾步
就可做成一個樣式
如上,今天要講的就它的製作過程啦!
不需要你會代碼,只要你有好看的圖片,都可以做出這個樣式!前提是你認認真真的把這個教程看完並去實踐。
第一步
你先要清空編輯區域,並點擊刪除清空後預留的樣式框。這一步,主要是為了避免你做的樣式中有冗餘代碼而影響了格式。
第二步
點擊背景按鈕,上傳背景圖。
將左右邊距、上下邊距設置為0px,背景圖尺寸可根據上傳背景圖是橫圖或者豎圖選擇按長邊或者按短邊,對齊方式建議居中,重複方式選擇不重複,然後點擊確定。
第三步
點擊背景圖,輸入文字。
要根據圖片的最佳顯示來確定背景圖需要輸入的文字行數,文字行數不足,可以使用回車空行。教程中為了縮短錄製時間,直接粘貼的文字。
第四步
點擊HTML件,進入源代碼模式。
選中代碼,ctrl + x 剪切代碼,然後點擊HTML鍵退出源代碼模式,再點擊HTML鍵,進入源代碼模式,然後選中<p>...</p>標籤代碼,ctrl + v 粘貼,再退出源代碼模式。
此時,這個樣式就完成了。
第五步
保存成樣式模板。
點擊這個樣式,選擇保存,這個樣式就會被保存在模板中。
第六步
將樣式使用在文章排版中。
在你排版文章的任意位置,你都可以直接這個樣式。
最後
如果你沒有好看的動圖,那麼你可以按照相同的步驟,製作一個純色背景樣式,並且,第二步中只需修改邊距即可,教程如下:
所以,就算你不會代碼,在135編輯器也可以做出好看好玩的樣式的!
前提是關注了135編輯器和小三兒一起學排版~哈哈哈哈哈
推薦閱讀:
※sMrZhao紋身推薦(第 102 期)| 黑白 · 線條 · 色塊 · 極簡德味克制小物
※沒有買賣,就沒有殺害!——一個設計師的求生自白。
※物流師發展空間如何?
※【專訪】宋波紋 | 設計與藝術之間並沒有什麼明顯的界限
※與天堂對話的教堂設計