一、字體顏色設置
1. 可以使用快捷鍵Ctrl+Shift+C（Mac為Cmd+Shift+C）打開顏色選擇器窗口，選擇自己想要的顏色。
<p style="color: #ff0000">This is red text</p>2. 還可以通過設置行內樣式來改變文字顏色，例如下面的HTML代碼將會讓字體變為藍色：
<p style="color: blue">This is blue text</p>3. 另外，可以在CSS樣式表中對特定的元素類或id設置顏色樣式，如下面所示：
/* ID 為 header 的元素內所有文本顏色為紅色 */
#header{ color: #ff0000 }
/* 類名為 text 的元素內所有文本顏色為藍色 */
.text{ color: blue }二、背景色設置
1. 設置文本區域的背景色：
/* 設置文本區域背景為紅色 */
body{ background-color: #ff0000 }2. 設置文本字體區域的背景色：
<p style="background-color: yellow">This has a yellow background</p>3. 設置特定元素類或id的背景顏色：
/* ID 為 header 的元素背景為紅色 */
#header{ background-color: #ff0000 }
/* 類名為 text 的元素背景為藍色 */
.text{ background-color: blue }三、高亮/標記文本
1. 使用標籤highlight標記文本：
<span class="highlight">Highlighted text</span>.highlight{
background-color: yellow;
color: black;
}2. 使用內聯樣式標記文本：
<span style="background-color: yellow; color: black">Highlighted text</span>四、代碼塊內設置字體顏色
1. 使用內聯樣式設置代碼塊內的字體顏色：
`This text will be red`2. 在CSS樣式表中設置代碼塊內的字體顏色：
pre code {
color: #ff0000;
}五、總結
Typora編輯器提供了多種方式對文字顏色進行設置，可以通過快捷鍵、內聯樣式、CSS樣式表等方式對字體顏色、背景色和高亮文本進行設置。只需要根據不同的需求選擇合適的方法進行設置即可。
原創文章，作者：QOYW，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/143221.html
微信掃一掃 
支付寶掃一掃 