不會代碼,你也能做背景樣式!!!

背景圖樣式制作教程

我是小三兒

今天教大家

制作背景圖樣式

不用學代碼

也不用會代碼

簡單幾步

就可做成一個樣式





如上,今天要講的就它的制作過程啦!


不需要你會代碼,只要你有好看的圖片,都可以做出這個樣式!前提是你認認真真的把這個教程看完并去實踐。



第一步

你先要清空編輯區域,并點擊刪除清空后預留的樣式框。這一步,主要是為了避免你做的樣式中有冗余代碼而影響了格式。




第二步

點擊背景按鈕,上傳背景圖。

將左右邊距、上下邊距設置為0px,背景圖尺寸可根據上傳背景圖是橫圖或者豎圖選擇按長邊或者按短邊,對齊方式建議居中,重復方式選擇不重復,然后點擊確定。




第三步

點擊背景圖,輸入文字。

要根據圖片的最佳顯示來確定背景圖需要輸入的文字行數,文字行數不足,可以使用回車空行。教程中為了縮短錄制時間,直接粘貼的文字。




第四步

點擊HTML件,進入源代碼模式。

選中代碼,ctrl + x 剪切代碼,然后點擊HTML鍵退出源代碼模式,再點擊HTML鍵,進入源代碼模式,然后選中<p>...</p>標簽代碼,ctrl + v 粘貼,再退出源代碼模式。

此時,這個樣式就完成了。




第五步

保存成樣式模板。

點擊這個樣式,選擇保存,這個樣式就會被保存在模板中。




第六步

將樣式使用在文章排版中。

在你排版文章的任意位置,你都可以直接這個樣式。




最后

如果你沒有好看的動圖,那么你可以按照相同的步驟,制作一個純色背景樣式,并且,第二步中只需修改邊距即可,教程如下:




所以,就算你不會代碼,在135編輯器也可以做出好看好玩的樣式的!前提是關注了135編輯器和小三兒一起學排版~哈哈哈哈哈



我是小三兒

我排版賊溜

可以叫我小溜兒



135編輯器

這個“引導關注”

我推五遍教程了


文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
文章評價
登錄后可以評論
立即登錄
分享到