GET LINK
Trong bài viết này mình chia sẻ đến các bạn: Cách tạo 1 nút button có icon bên trái chuyên nghiệp hơn. Nút button cia làm 2 phần (CSS và HTML)Bên dưới là đoạn code các AE dán vào Source và cân chỉnh lại nhé!
Phần CSS:
<style>
.button {display: inline-block; white-space: nowrap; background-color: #ccc; padding: 0 1.5em; margin: 0.5em; font: bold 1em/2em Arial, Helvetica; text-decoration: none; color: #333; border-radius: .2em;}
.button:hover {background-color: #ddd; background-image: linear-gradient(top, #fafafa, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');}
.button:before {background: rgba(0,0,0,.1); float: left; width: 1em; text-align: center; font-size: 1.5em; margin: 0 1em 0 -1em; padding: 0 .2em; border-radius: .15em 0 0 .15em; pointer-events: none; color: #fff;}
.play:before {content: "\25B6";}
</style>
Phần HTML:
<a class="button play" href="">Button</a>
Lưu lại Template thế là xong!!!
#TienWiki
