HTML <kbd> 标签
实例
在文档中格式化文本:
<p>按 <kbd>Ctrl</kbd> + <kbd>C</kbd> 复制文本 (Windows)</p>
<p>按 <kbd>Cmd</kbd> + <kbd>C</kbd> 复制文本 (Mac OS)。</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>
亲自试一试 »
<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> 元素:
