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