轻松上手,快乐学习!

HTML <kbd> 标签



实例

在文档中格式化文本:

<p>按 <kbd>Ctrl</kbd> + <kbd>C</kbd> 复制文本 (Windows)</p>

<p>按 <kbd>Cmd</kbd> + <kbd>C</kbd> 复制文本 (Mac OS)。</p>
亲自试一试 »

下面有更多实例。


定义和用法

<kbd> 标签定义键盘文本。

提示: <kbd> 标签已废弃,不推荐使用,但是可以通过CSS实现丰富的效果。

所有标签短语:

标签 描述
<code> 定义计算机代码文本。
<samp> 定义样本文本。
<var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<pre> 定义预格式化文本

浏览器支持

元素
<kbd> Yes Yes Yes Yes Yes

全局属性

<kbd> 标签支持 HTML 中的全局属性


事件属性

<kbd> 标签支持 HTML 中的事件属性


更多实例

实例

使用CSS设置 <kbd> 元素的样式:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>

<p>按 <kbd>Ctrl</kbd> + <kbd>C</kbd> 复制文本 (Windows)。</p>
<p>按 <kbd>Cmd</kbd> + <kbd>C</kbd> 复制文本 (Mac OS)。</p>

</body>
</html>
亲自试一试 »

相关页面

HTML 教程: HTML 文本格式化

HTML DOM 参考手册: Kbd 对象


默认CSS设置

大多数浏览器将使用以下默认值显示 <kbd> 元素:

实例

kbd {
  font-family: monospace;
}
亲自试一试 »