Typora的美化小技巧讓你的Typora五顔六色1. 添加你喜歡的背景色1.1 打開主題文件夾,找到你喜歡的主題CSS文件1.1.1 如何打開主題文件夾
依次點擊“文件”→“偏好設置”→“外觀”→“打開主題文件夾”
1.1.2 找到你喜歡的主題CSS文件,并且打開它1.1.2.1 CSS文件在哪裡
CSS主題文件就在打開主題文件夾後的根目錄,那些.css文件就是
1.1.2.2 CSS文件如何打開
推薦使用VScode微軟官方免費的編程軟件,支持Emmet語法,可以幫你自動補全代碼。
1.1.3 如何修改背景色- 在root标簽下添加以下代碼,其中#E0FFFF是顔色代碼,你可以網站上搜索HTML顔色代碼,挑選自己喜歡的顔色即可
2.更改h1~h6标題顔色- 在CSS代碼找到H1~H6标簽,并且在其後面添加代碼color: #DC143C(說明:#後面跟着的是顔色代碼,可以替換為你喜歡的顔色)
3. 如何添加背景圖- 首先确認你的寫作區是在哪個标簽下,首先我們依次點擊“視圖”→“開發者工具”,使用開發者工具的選擇元素按鈕(或者快捷鍵Ctrl Shift C)選擇我們當前主題的寫作區域,當選擇後我們可以看到開發者工具的CSS欄的Style中對應的顯示了所選的區域的标簽,我圖中所示為Write标簽。因此我們可以在Write标簽中,添加背景圖片即可。
- 在主題文件夾目錄創建一個新文件夾,比如說命名為image,在該文件夾中放入你想要作為主題背景圖的圖片jpg或者png。比如說我的背景圖命名為3.png
- 在#Write标簽下添加以下代碼
- 代碼①的含義為:添加CSS當前文件夾的下一級文件夾image中的圖片3.png作為背景
- 代碼②的含義為:添加的背景圖片四周變為圓角,圓角半徑50像素,你也可以改為其它值,直到你自己覺得滿意為止,效果如箭頭所示。
- 代碼③的含義為,添加的背景圖片透明化值為0~1之間當然對于背景圖片的處理還有其它操作,如果有需求可以直接在網上搜索關于background-image的其它屬性信息。
, 更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!
查看全部