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

Are you sure?

You want to turn off ads.

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
Tác giả: Gia Huy NY

Tôi là Huy,Say hello to you!

  • 6 nhận xét: