例子
在文档中将一些文本定义为键盘输入：
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
例子
在文档中将一些文本定义为键盘输入：
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
Tag Description
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<var> Defines a variable
<pre> Defines preformatted text
支持的浏览器
全局属性
<kbd>标签支持HTML 中的全局属性。
事件属性
<kbd>标签支持HTML 中的事件属性。
更多示例
例子
使用CSS来设置<kbd>元素的样式：
<html>
<head>
<style>
kbd {
border-radius: 2px;
padding: 2px;
border: 1px solid black;
}
</style>
</head>
<body>
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
</body>
</html>
HTML教程：HTML文本格式
HTML 格式化元素
格式化元素旨在显示特殊类型的文本：
<b>- 粗体文本
<strong>- 重要文字
<i>- 斜体文字
<em>- 强调文字
<mark>- 标记的文本
<small>- 文字较小
<del>- 删除文本
<ins>- 插入文本
<sub>- 下标文本
<sup>- 上标文本
HTML DOM参考：Kbd对象
关键信息对象
Kbd对象代表HTML<kbd>元素。
访问Kbd对象
您可以使用getElementById()访问<kbd>元素：
例子
var x = document.getElementById("myKbd");
默认CSS设置
<kbd>大多数浏览器将使用以下默认值显示该元素：
例子
kbd {
font-family: monospace;
}