HTML <kbd> 标签
示例
定义文档中的键盘输入文本
<p>按 <kbd>Ctrl</kbd> + <kbd>C</kbd> 复制文本 (Windows)。</p>
<p>按 <kbd>Cmd</kbd> + <kbd>C</kbd> 复制文本 (Mac OS)。</p>
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
<kbd>
标签用于定义键盘输入。其中的内容将以浏览器默认的等宽字体显示。
提示:此标签未被弃用。但是,可以通过 CSS 实现更丰富的效果(请参见下例)。
另请参阅
标签 | 描述 |
---|---|
<code> | 定义一段计算机代码 |
<samp> | 定义计算机程序的样本输出 |
<var> | 定义变量 |
<pre> | 定义预格式化文本 |
浏览器支持
元素 | |||||
---|---|---|---|---|---|
<kbd> | 是 | 是 | 是 | 是 | 是 |
全局属性
<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>
元素显示为以下默认值: