Home >Web Front-end >HTML Tutorial >HTML kbd keyboard element

HTML kbd keyboard element

WBOY
WBOYOriginal
2016-08-08 08:49:541320browse

1. Description

kbd: Keyboard Input Element. Semantic elements that represent keyboard keys and are often used to describe shortcut keys and keystrokes on web pages.

Style Specifications: Inline styles.

In order to highlight on the page, you can add styles to the kbd element:

kbd {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border-style: outset;
    border: 1px solid #aaa;
    background: #fafafa;
    padding: 0px 3px 1px 3px;
    margin: 0px 0px 0px 0px;
    vertical-align: baseline;
    line-height: 1.8em;
    white-space: nowrap;
}

2. Demonstration

==================================Series of articles========== ================================

This article: 1.6 HTML kbd keyboard element

A series of articles on the road to Web development

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn