CSS 3 Button Facebook Đẹp

Mạng xã hội Facebook thì ai cũng biết rồi, 1 bản thiết màu sắc hài hòa khiến người dùng có thể online cả ngày mà không thấy mỏi mắt. Qua bài chia sẻ Template Clone Facebook có vào người hỏi mình chia sẻ cho họ cái đoạn CSS nút Đọc tiếp. Hôm nay mình chia sẻ cho các bạn cả 3 đoạn code CSS button của Facebook.

Demo ảnh:

Hướng dẫn:

1. Tải file .css về tại đây.

2. Code hiện thị button :

Hiển thị y hệt như ảnh demo ở trên nhé !
- Button 1 :
     <a class="button" href="#">Button 1</a>

- Button 2 :
     <a class="button blue" href="#">Button 2</a>

- Button 3 :
     <a class="button green" href="#">Button 3</a>

3. Xong, xem kết quả thôi.

Chú ý: Có thể tải về file .html demo ở đây.

Kết luận: Nếu bạn muốn cho vào Blogger thì dán tất cả code trong file .css vào giữa 2 thẻ <b:skin> và </b:skin> rồi dán đoạn code trên vào nơi muốn hiển thị.

SHARE

About Nguyen Dan Duy