Thứ ba, ngày 19 tháng bảy năm 2011

Cắt layout photoshop sử dụng CSS (p7)

Tiếp theo trong phần này chúng ta sẽ cắt CSS cho footer có giao diện như sau:

hinh anh mo ta footer cua template,ban quyen thuoc ve photoshop online
Khu vực footer này không có hình ảnh nên tất cả chỉ là cắt CSS. Chúng ta sẽ thêm vào file template.css và template.html đoạn code như sau:

Thêm vào file template.css

hinh anh mo ta noi dung file template css, ban quyen thuoc ve photoshop online(nhấp chuột vào hình trên để xem full size)
Thêm vào file template.html:

hinh mo ta file template html, ban quyen thuoc ve photoshop onle
Đến đây xem như đã cắt hoàn chỉnh giao diện web. Các bạn dùng một số trình duyệt để xem lại toàn bộ giao diện xem thế nào nhé.

1 Ý kiến:

mr kate nói... [Reply]

Cam on admin nhieu vi bai viet rat huu ich
Hy vong admin se co nhieu bai viet hay hon nua.

ĐỂ LẠI Ý KIẾN CỦA BẠN:

Hãy để lại thắc mắc, ý kiến đóng góp của bạn, xin viết tiếng Việt có dấu để tôn trọng người xem và cũng đừng Spam.