반응형
키보드 아이콘 표현방법
키보드 아이콘 표현방법
블로그에 글작성할 때 단축키 또는 키보드의 버튼을 표현하는 방법입니다.
티스토리 블로그 기준으로 설명하겠습니다.
HTML 스킨편집으로 이동
CSS 편집에서 아래 코드를 넣어줍니다.
.key {
background-color: #f7f7f7;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
color: #333;
display: inline-block;
font-size: 80%;
font-weight: bold;
line-height: 1.4;
margin: 0 0.1em;
padding: 0.1em 0.5em;
text-shadow: 0 1px 0 #fff;
white-space: nowrap;
}
코드 사용방법
코드를 입력하시면 Ctrl + Shift + S 이렇게 표현하실 수 있습니다.
사용방법은 아래 코드를 입력하시면 됩니다.
<span class="key">Ctrl</span> + <span class="key">Shift</span> + <span class="key">S</span>
간단하게 자주 사용하는 건 서식기능을 활용하시면 편하게 활용하실 수 있습니다.
반응형