HTML kbd键盘元素

1. 说明

kbd ：即Keyboard Input Element(键盘输入元素)。表示键盘按键的语义元素，常用于网页上对快捷键、按键说明的场景。

样式规格：内联样式。

为了在页面上突出显示，可以给kbd元素添加样式：

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. 演示

style="width: 100%;" src="http://codepen.io/polk6/embed/NAOooV/?height=300&theme-id=24805&default-tab=html,result&embed-version=2" frameborder="no" scrolling="no" width="320" height="300">

 

End

Web开发之路系列文章

菜单加载中...

更多专业前端知识，请上 【猿2048】www.mk2048.com