【HTML教程】HTML的kbd标签|html入门知识
时间: 2025-02-15 17:55:06 浏览次数：11
常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：【定义和用法】kbd 标签用于定义键盘输入。其中的内容以浏览器
常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：
【定义和用法】
kbd 标签用于定义键盘输入。其中的内容以浏览器默认的等宽字体显示。
提示：此标签未被弃用。但是，通过使用 CSS 可以实现更丰富的效果(请参见下面的例子)。
【实例】
例子 1
在文档中定义一些文本作为键盘输入：
<p>请按 <kbd>Ctrl</kbd> + <kbd>C</kbd> 来复制文本（Windows）。</p> <p>请按 <kbd>Cmd</kbd> + <kbd>C</kbd> 来复制文本（Mac OS）。</p>
例子 2
使用 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>【默认的 CSS 设置】
kbd {
font-family: monospace;}