[CSS]ショートカットの表記をApple Keyboard風に美しく実装するスタイルシート

ブログなどでショートカットを単にテキストで記述するのではなく、ちょっと洒落た感じに、Apple Keyboard風に実装するスタイルシートを紹介します。 デモページ：拡大 実装はシンプルで、HTMLはclass（mac-key）を付与するだけ、CSSも10行ちょいです。 HTML <p>New Tab <span class="mac-key">&#x2318;</span> + <span class="mac-key">t</span> </p> <p>New Window <span class="mac-key">&#x2318;</span> + <span class="mac-key">n</span> </p> <p>New Incognito Window <span class="mac-key">&#x21E7;</span> + <span class="mac-k

[typista]

ぽけったー [CSS]ショートカットの表記をApple Keyboard風に美しく実装するスタイルシート

[s15i]

kbd要素って、こういうときのためにあるものだと思ってたけど、勘違いだったか。調べる。

[rishida]

ショートカットの表記をApple Keyboard風に美しく実装するスタイルシート | コリス ブログなどでショートカットを単にテキストで記述するのではなく、ちょっと洒落た感じに、Apple Keyboard風に実装するスタイルシートを紹介し

[tihata]

今度の記事に使えそう!めもー！

[sugarshin]

from コリス http://coliss.com

[beth321]

　コリス

[vitaminsii]

キーボードのショートカット表記をブログなどで書く予定がある場合にはデフォルトで記述しておき、いつでも使えるようにしておこう。

[yohshiy]

ブログで使ってみようかな。

[Donca]

✔ [CSS]ショートカットの表記をApple Keyboard風に美しく実装するスタイルシート

[OfficeRiverHead]

ブログなどでショートカットを単にテキストで記述するのではなく、ちょっと洒落た感じに、Apple Keyboard風に実装するスタイルシートを紹介します。 これは、Apple Keyboardの写真 デモはこんな感じです。 デモページ 大きくす