一、字体颜色设置
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/n/143221.html
微信扫一扫 
支付宝扫一扫 