blechmusikの日記

キー・カスタマイズ・ソフトウェア "DvorakJ" の覚え書きをはじめとして様々なことを書いています。

キーボードのキーの見栄えを css で作り上げる KEYS.css がよい

キーボードっぽいスタイルを実現するCSS『KEYS.css』 - IDEA*IDEA 〜 百式管理人のライフハックブログで紹介されているKEYS.cssを使用すると、指定した箇所をあたかもキーボードのキーのように表示する。たとえば、当該css を読み込んで<kbd>A</kbd>を記述すると、Aのように表示できるのだ。また、<kbd class="light">A</kbd>と記述すれば、Aのように、白いキーボードのキーのように表示される。実例をここで示すことができることから分かるように、はてなダイアリーでもこれを導入できるのだ。このように、導入と設定がとても簡単なので、キーボード配列について何らかの説明をするときに、使ってみようか。