Hỗ Trợ
Các mẫu tiêu đề đẹp dùng cho web
DANH MỤC BÀI VIẾT
Mẫu Số 1
HTML 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 |
/* 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;} |
Mẫu Số 2
Mẫu Số 3
Mẫu Số 4
Nguồn : https://codfe.com/cac-mau-tieu-de-dep-dung-cho-web/