Gia Huy NY BLOG

Blog chia sẻ ảnh chất lượng cao - thủ thuật hay - ảnh bìa chất

HƯỚNG DẪN TẠO BUTTON CỰC ĐẸP CHO BLOG

Chào mừng mọi người đã quay trở lại với Gia Huy NY Blog.Lâu quá rồi mình không viết thủ thuật Blog nên nay hướng dẫn mọi người tạo 1 button cute phô mai que.

 
Bước 1 : Ta chèn code sau dưới thẻ  ]]></b:skin> 
.button-box a{color: #fff!important}
.button-box {
margin: 10px;
background: #de4676;
width: 14%;
padding: 7px;
border-radius: 20px;
font: 700 17px Roboto Condensed;
outline: 0;
border: none;
box-shadow: 2px 2px 10px rgba(119, 119, 119, 0.5);
transition: all .5s ease-in-out;
}
.button-box:hover {
background: #e45050;
transform: scale(1.05);
transition: all .3s ease-in-out;
}
Bước 2 : Ta thêm đoạn code sau vào nơi cần hiển thị
<button class="button-box"><a class="green" href="https://www.honghaiblog.net/">Demo</a></button>
Lời Kết :
Trên đây mình đã hướng dẫn cách tạo button đẹp cho blog .Nếu mọi người thích hãy nhấn theo dõi Blog để có được những tài liệu bổ ích hơn nhen.
Nguồn code : Hồng Hải 


CHIA SẺ BÀI VIẾT

Lê Võ Gia Huy Designer

Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
Các bạn hãy đóng góp ý kiến của mình vào đây giúp tôi nhé !
Mọi chi tiết xin liên hệ:
Email : giahuylevo412@gmail.com
Facebook: https://www.facebook.com/giahuynyblog/
Tác giả: Phú Cường Blogger

Tôi là Cường, sinh viên năm cuối ngành Điện tử - Viễn thông trường Đại học Bách Khoa Hà Nội. Say hello to you!

  • 6 nhận xét: