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

Không có nhận xét nào