⚙️ 默认样式

H2:小节标题

H3:子小节标题

没有使用 typography 样式,使用的是浏览器默认的样式,即:User Agent Stylesheet。

你可以写一些加粗斜体代码片段的文字。

这是一个引用区域。
  1. 有序列表 1
  2. 有序列表 2
function greet(name) {
  return 'Hello, ' + name + '!';
}
项目说明
HTML超文本标记语言
CSS层叠样式表

功能展示

✍️ 使用Element Modifiers 个性化。prose-h1:text-blue-600

H2:小节标题,使用 prose-h2:text-base 将 h2 的字号设置为 base

H3:子小节标题,使用 prose-h3:text-pink-400 prose-h3:border prose-h3:border-orange-600 prose-h3:rounded-md prose-h3:p-2 个性化

这是一个段落内容,用来演示 typography 样式。行高、字间距、段距等展示的视觉效果。prose-p:italic

你可以写一些加粗斜体代码片段的文字。

这是一个引用区域。
  1. 有序列表 1
  2. 有序列表 2
function greet(name) {
  return 'Hello, ' + name + '!';
}
项目说明
HTML超文本标记语言
CSS层叠样式表
示例样式prose-table:border-collapse prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-th:text-center prose-td:border prose-td:border-gray-300 prose-td:text-center

功能展示