Đây là giao diện mẫu được thiết kế sẵn bởi Admin và có sự hướng dẫn của ZendVN. Mục đích: Để chia sẻ cho các bạn và phục vụ dịch vụ thiết kế website của mình sau này. Đây là giao diện button 02 Sau khi rê chuột vào button: Xem DEMO Đây là CODE html các bạn chỉnh sửa cho hợp lý nhé. Sau này bạn không cần phải thiết kế lại button dạng này nữa. CODE: Select All <!doctype html><html><head><meta charset="utf-8"><title>Button 02</title><style type="text/css">*{ margin: 0px; padding: 0px;}.block{ width: 300px; border: 2px solid red; margin: 30px auto; text-align: center; padding: 10px;}.btn-link{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; color:#FFFFFF; text-decoration: none; display:inline-block; border: 1px solid #eee; border-color: #eee #DEDEDE #DEDEDE #eee; background-color:#699; }.btn-link span{ display: block; background: #699; padding: 4px 15px; background: url(http://cnttqn.com/lap-trinh-web/images/apply.png) left center no-repeat #699; padding-left: 28px; margin-left: 5px; padding: 5px 10px 4px 20px;}.btn-link:hover{ background-color: #00C91D;}.btn-link:hover span{background: url(http://cnttqn.com/lap-trinh-web/images/apply-hover.png) left center no-repeat #00C91D;} </style></head><body><div class="block"><a class="btn-link" href="#"><span>Hello Word</span></a></div></body></html> DEMO 2