Делается это при помощи тега
kbd. Это стандартный
HTML тег. Если внутри этого тега будет какой-то текст, то он будет отображен, как моноширинный, то есть как печатный. Естественно к этому тегу были добавлены
CSS стили, а именно: рамка, скругление углов, тени, а так же был стилизован текст:
code:
kbd {border-color: #A9A9A9 #8C8C8C #C6C6C6 #C0C0C0;
border-radius: 5px 5px 5px 5px;
border-style: solid;border-width: 1px 1px 3px;
box-shadow: -1px 1px 1px #484848, 1px 1px 1px #484848;
font-family: "Courier New",Courier,monospace;
font-size: 12px;padding: 2px 6px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: capitalize;}
Как привязываются стили, можно узнать тут.
Это очень нужная фишка для тех, кто пишет о компьютерах, работе с программами. Очень удобно и симпатично. По крайней мере мне он нужен. Без него было намного хуже. Я периодически пишу статьи о работе с программами и порой нужно указать на какие кнопки нажимать. Данный метод подходит как нельзя лучше.