WordPress: kbd tag 용 CSS.

거두절미: 이런 식으로 보이게끔 하고 싶다.

Alt–F2 를 누르세요!

CSS 는, 어딘가에서 훔쳐(?)온 건데.. WordPress / Appearance(Theme) / Additional CSS 로 가서 다음을 입력한다.

kbd {
padding:0.1em 0.6em;
border:1px solid #ccc;
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
background-color:#f7f7f7;
color:#333;
-moz-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
-webkit-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
display:inline-block;
margin:0 0.1em;
text-shadow:0 1px 0 #fff;
line-height:1.4;
white-space:nowrap;
}

WordPress 에선, ‘Keyboard Input’ 을 선택해주면 자동으로 <kbd> Tag 이 붙여진다.