Để dễ dàng tiếp thu bài hướng dẫn này thì trước tiên bạn cần xem qua:
– Thuộc tính background-repeat dùng để thiết lập “sự lặp lại của hình nền” cho phần tử HTML.
Ví dụ:
– Tôi có một tấm hình tên là flower.gif như sau:
– Và một phần tử với kích thước như sau:
– Tôi muốn dùng tấm hình flower.gif để làm hình nền cho phần tử. Tuy nhiên vì kích thước của tấm hình nhỏ hơn kích thước của phần tử, nên mặc định nó sẽ tự động được lặp lại để lấp đầy diện tích của phần tử:
– Từ đây, thuộc tính background-repeat dùng để thiết lập sự lặp lại của hình nền.
– Ví dụ: Dùng thuộc tính background-repeat để thiết lập hình nền chỉ lặp theo chiều ngang.
– Ví dụ: Dùng thuộc tính background-repeat để thiết lập hình nền chỉ lặp theo chiều dọc.
– Ví dụ: Dùng thuộc tính background-repeat để thiết lập hình nền không lặp lại.
