一、字体颜色设置
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样式表等方式对字体颜色、背景色和高亮文本进行设置。只需要根据不同的需求选择合适的方法进行设置即可。