文本与链接 Typography

这是一段普通段落文本,用于测试正文排版与行高。加粗斜体下划线删除线 等内联样式。

链接测试:普通链接 · 新窗口打开 · 邮件链接

这是次要文本,通常用于说明或提示信息。

蓝色徽章 绿色徽章 红色徽章 灰色徽章

按钮 Buttons

这是一段可以切换显示/隐藏的演示内容。

表单 Form

密码长度至少 6 位。

表格 Table

ID 名称 分类 状态 数量
001 苹果 水果 在售 120
002 香蕉 水果 在售 86
003 番茄 蔬菜 预售 45
004 土豆 蔬菜 缺货 0

列表 List

无序列表

  • 第一项
  • 第二项
    • 嵌套项 A
    • 嵌套项 B
  • 第三项

有序列表

  1. 第一步:初始化
  2. 第二步:配置
  3. 第三步:运行

代码块 Code

// JavaScript 示例
function greet(name) {
  return `你好,${name}!`;
}

console.log(greet("测试页面"));

加载进度

进度条:68%