Show keyboard keys in an HTML document
If you write documents in HTML format, it may be useful to symbolize key keyboard, for example when the user is prompted to enter a certain combination of keys.
Here is a simple way to do HTML:
Code:
<style type="text/css"> <! - body (font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; background-color: white; span.touche) (margin-right : 1px; padding-left: 2px; padding-right: 2px; border: 1px solid # 6f6f6f; background-color: # cfcfcf; border-radius: 0.2em; font-weight: bold;-moz-border-radius: 0.2 em;) -> </ style> <span class="touche"> Type A </ span> <span class="touche"> ↵ Entry </ span>
Here is a variant with a small effect of relief:
Code:
<style type="text/css"> <! - body (font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; background-color: white; span.touche) (margin-right : 1px; padding-left: 2px; padding-right: 2px; background-color: # dadada; border-radius: 0.2em;-moz-border-radius: 0.2em; font-weight: bold; border-style: outset ; Border-width: 2px;) -> </ style> <span class="touche"> Type A </ span> <span class="touche"> ↵ Entry </ span>