Cắt layout photoshop dùng CSS (P3)

Trong phần này chúng ta sẽ tiếp tục cắt CSS cho phần header-menu2 như sau:

header-menu2 (nhấp chuột vào file ảnh để xem full size)

Đây là thanh menu ngang, chúng ta sẽ tách những nút icon trước mỗi menu ra thành một ảnh riêng như sau:






Phần này chủ yếu là dùng CSS, chúng ta bổ sung thêm vào file template.css và template.html đoạn code sau:
- Bổ sung vào file template.css:

- Bổ sung vào file template.html:

Trở về trang chủ Trở về trang mục lục Top