Blog: HTML

Estilizando la etiqueta <kbd> con CSS

La etiqueta <kbd> es menos usual y menos conocida que otras etiquetas como <code> o <pre>. Su uso es definir entradas de teclado, teclas que hay que pulsar. Por ejemplo cuando escribimos:

Para obtener un guión largo debemos pulsar las teclas Alt + 0151

Un marcado html adecuado sería el siguiente:

<p>Para obtener un guión largo 
debemos Pulsar las teclas 
<kbd>Alt</kbd> + <kbd>0151</kbd></p>

No es frecuente que la etiqueta <kbd> tenga asociados estilos CSS. Lo más que podemos encontrarnos usualmente es que aparezca en tipografía monoespaciada, de tipo código. Esta presentación es muy mejorable con CSS Leer más…