Thuộc tính Background trong thiết kế web

Có 2 cách để làm nền bằng thuộc tính Background 
    - Dùng màu nền.
    - Dùng ảnh nền.

Cú pháp như sau: 
Ví dụ 1. 

      background:#FF0000;
      background:URL(ten_file_anh.jpg) ;

Ví dụ 1 có thuộc tính background. Thuộc tính này có nhiệm vụ tạo nền cho website. 
Dòng 1: Dùng màu nền. (Màu đỏ)
Dòng 1: Dùng ảnh nền. (ten_file_anh.jpg)

background-color: và background-image: có tác dụng như ví dụ 1.
background-attachment: Trượt ảnh nền theo nội dung.
Khi bạn dùng ảnh làm nền. Trong trường hợp nội dung trang web dài sẽ có 2 trường hợp có thể xảy ra đối với ảnh nền. 
       - Ảnh đứng im. (Ảnh nền luôn luôn đứng im mặc dù nội dung dài hay ngắn.)
       - Ảnh trượt theo nội dung. (Kéo nội dung đến đâu, ảnh nền chạy theo đến đấy.)
Cú pháp: 
Vií dụ 2

background-attachment: fixed;
background-attachment: none;

Trong ví dụ 2. Dòng đầu tiên sẽ làm cho ảnh nền luôn luôn đứng im.
                    Dòng 2 sẽ làm cho ảnh nền di chuyển theo nội dung.

Posted in: Thiết kế Web, Thủ thuật blogger