04/09/2018, 16:49

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: Background-color Background-image Background-repeat Background-attachment Background-position Ví dụ minh họa với từng thuộc tính: 1.1. Background-color Màu ...


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:

  • Background-color
  • Background-image
  • Background-repeat
  • Background-attachment
  • Background-position

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/



0