Hoàng Luyến

Hoàng Luyến

Administrator

Bài 1 – Thuộc tính CSS Background


CSS Background là thuộc tính để định dạng màu nền và hình nền cho một đối tượng, các thuộc tính bao gồm:

Ví dụ minh họa với từng thuộc tính:

1.1. Background-color

Màu nền cho phần tử toàn trang là thẻ, hãy xem ví dụ 4 trường hợp giá trị thuộc tính khác nhau nhưng cùng 1 kết quả:

(Bạn nên chạy thử trên website soạn thảo css online để hiểu rõ ý nghĩa của câu lệnh)

1.2. Background-image

Màu nền cho menu là 1 ảnh, xem ví dụ minh họa:

1.3. Background-repeat

Màu nền được lặp ngang dọc theo ý muốn, các giá trị như sau:
repeat-x: Lặp ngang
repeat-y: Lặp dọc
repeat: Lặp cả ngang cả dọc
no-repeat: Không lặp chỉ hiện thị 1 ảnh

 1.4. Background-attachment

Đây là thuộc tính nâng cao của Background CSS, có cú pháp như sau

(Bạn nên chạy thử trên website soạn thảo css online để hiểu rõ ý nghĩa của câu lệnh)

 

« Hướng dẫn học css   Bài 2: CSS Text »

———————————————————————————————————–

Tác giả: Hoàng Luyến
https://hoangluyen.com/

Bài 1 – Thuộc tính CSS Background
Đánh giá bài viết


2 Bình luận

Viết bình luận
  1. Tháng Hai 12, 10:00 Chien Nguyen

    Cách viết tối ưu và để giá trị là Hex đối với màu nền như anh viết trên thì viết cái nào tốt hơn? Và vì sao tốt ạ? Anh nói rõ cho em được ko? Vì em thấy mọi người hay viết kiểu tối ưu nhưng ko biết lợi ích của cách viết này như thế nào? Tại sao họ lại hay viết thế ạ? Thanks anh!

    Bình luận

Viết bình luận

Tất cả bình luận

Thật tuyệt vời nếu bài viết này nhận được ý kiến của bạn. *

SEO