tft每日頭條

 > 生活

 > poco複古教學

poco複古教學

生活 更新时间:2025-01-09 14:26:35
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顔色代碼,挑選自己喜歡的顔色即可

poco複古教學(Typora的美化小技巧讓你的Typora五顔六色)1

2.更改h1~h6标題顔色
  • 在CSS代碼找到H1~H6标簽,并且在其後面添加代碼color: #DC143C(說明:#後面跟着的是顔色代碼,可以替換為你喜歡的顔色)

poco複古教學(Typora的美化小技巧讓你的Typora五顔六色)2

3. 如何添加背景圖
  • 首先确認你的寫作區是在哪個标簽下,首先我們依次點擊“視圖”→“開發者工具”,使用開發者工具的選擇元素按鈕(或者快捷鍵Ctrl Shift C)選擇我們當前主題的寫作區域,當選擇後我們可以看到開發者工具的CSS欄的Style中對應的顯示了所選的區域的标簽,我圖中所示為Write标簽。因此我們可以在Write标簽中,添加背景圖片即可。

poco複古教學(Typora的美化小技巧讓你的Typora五顔六色)3

  • 在主題文件夾目錄創建一個新文件夾,比如說命名為image,在該文件夾中放入你想要作為主題背景圖的圖片jpg或者png。比如說我的背景圖命名為3.png
  • 在#Write标簽下添加以下代碼

poco複古教學(Typora的美化小技巧讓你的Typora五顔六色)4

  • 代碼①的含義為:添加CSS當前文件夾的下一級文件夾image中的圖片3.png作為背景
  • 代碼②的含義為:添加的背景圖片四周變為圓角,圓角半徑50像素,你也可以改為其它值,直到你自己覺得滿意為止,效果如箭頭所示。

poco複古教學(Typora的美化小技巧讓你的Typora五顔六色)5

  • 代碼③的含義為,添加的背景圖片透明化值為0~1之間當然對于背景圖片的處理還有其它操作,如果有需求可以直接在網上搜索關于background-image的其它屬性信息。
,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved