Hỗ Trợ
Các mẫu tiêu đề đẹp dùng cho web
Các mẫu tiêu đề website đẹp mình sưu tầm và hệ thống lại để tiện tra cứu sử dụng khi cần
Code
|
1 2 3 4 5 6 7 8 9 |
<div class="clearfix vi-header"> <h3 class="vi-left-title pull-left">BÁCH HÓA ONLINE</h3> <div class="vi-right-link pull-right"> <a href="#">Chăm sóc cơ thể</a> <a href="#">Thược phẩm khô</a> <a href="#">Đồ uống</a> <a class="vi-more" href="#">Xem tất cả »</a> </div> </div> |
Css
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
/* sangtaosacviet.com - code 1 */ .vi-header {border-bottom: solid 1px #0056a8;} .vi-left-title {width: auto;background: #0056a8;color: #fff;padding: 3px 10px;font-size: 18px;position: relative;margin: 0;} .pull-left {float: left;}.pull-left {margin-left: 0 !important;} .vi-left-title a {color: #fff;} .vi-left-title:after { border: 17px solid transparent;border-left-color: #0056a8; border-bottom-color: #0056a8;position: absolute;top: 0; left: 100%;content: "";} .pull-right {float: right;} .pull-right {margin-right: 0 !important;} .vi-right-link a:first-child {margin-left: 0;} .vi-right-link a {color: #555;font-size: 14px;margin-left: 15px;} .vi-right-link a.vi-more, .vi-right-link a:hover {color: #0056a8;} .vi-right-link a.vi-more:after {content: "f101";font-family: FontAwesome;margin-left: 4px;} |
Nguồn : https://codfe.com/cac-mau-tieu-de-dep-dung-cho-web/
Tham khảo thêm các mẫu khác tại link: