Tạo nút bàn phím trong bài viết

bùi sang thọ | 4.3.15 | Blog |

Với những nút bàn phím này, mình nghĩ nó sẽ giúp Blog trông đẹp và bắt mắt người đọc hơn, nó sẽ rất thích hợp nếu bạn muốn đăng bài hướng dẫn học sinh của mình về Giải toán trên máy tính. Bài viết tham khảo tại đây.

1. Dán các đoạn CODE sau vào trước thẻ đóng ]]<>/b:skin>

phim{
border:1px solid gray;
font-size:0.9em;
box-shadow:0.5px 0 0.5px 0 #eee, 0 1px 0 1px #ccc, 0 1px 0 2px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:0px 5px;
}

Code cho nút lệnh

lenh{
border:1px solid gray;
font-size:0.9em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:4px 0px;
display: inline-block;
padding:1px 5px;
color: #565b56;
background-color: #aeeaab;
}

2. Để sử dụng bạn đặt text cần bao khung nằm giữa hai thẻ như hình dưới

<phim>Ctrl</phim>

hoặc

<lenh>Ctrl</lenh>

Kết quả ta được Ctrl và Ctrl