How To Design Keyboard Keys In CSS

Today I was working on my CSS editor and wanted to display a quick pop-up note on the screen every time a short-cut key is pressed. I could simply use an image of a key, but why not design one in CSS? I’ll avoid extra HTTP request just to load the image… and you probably don’t want to create images for anything you can do in CSS (& don’t have to in SVG, so to speak.)