Source
### キーボード
# usage: {{keyboard('Ctrl','Alt','Del')}}
sub keyboard {
@result = map {'<kbd>'.$_.'</kbd>'} @_;
return join('+',@result);
}
CSSを使ってキーボード入力をアイコンのように表示
[2006-01-19-6] と組み合わせると良い.
kbd {
color: #333333;
background-color: white;
text-align: center;
border-left: 1px solid #cfcfcf;
border-top: 1px solid #cfcfcf;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
-moz-border-radius: 4px 4px 4px 4px;
padding-left: 2px;
padding-top: 1px;
padding-right: 3px;
padding-bottom: 1px;
margin-left: 2px;
margin-right: 2px;
margin-top: 1px;
margin-bottom: 1px;
vertical-align: middle;
font-family: sans-serif;
}
Sample
Ctrl+
Alt+
Del