Bài học thứ 5 nằm trong series học CSS. Đây là series giới thiệu về Web Front End Cơ Bản của Trung Tâm Đào Tạo Lập Trình Viên JANETO.

Trong phần bài học này, chúng ta sẽ tiếp tục tìm hiểu về Background trong CSS.

Vậy mục đích của background trong CSS là gì? Đơn giản, nó được dùng để xác định nền cho một phần tử HTML.

Có những thuộc tính background trong CSS cơ bản thường dùng:

• background-color (màu sắc): thuộc tính này thiết lập màu nền cho một phần tử HTML. Nền của một phần tử là tổng kích thước của phần tử, bao gồm padding và border (nhưng không phải là margin). Có thể chỉ định background-color với nhiều giá trị khác nhau (color, hex, rgb, hsl,…)
• baclground-image (hình nền): thuộc tính này thiết lập một hoặc nhiều hình nền cho một phần tử HTML. Theo mặc định, một ảnh nền được đặt ở góc trên cùng bên trái của một phần tử, và lặp lại cả theo chiều dọc lẫn chiều ngang.
• background-position (vị trí): thuộc tính này đặt vị trí bắt đầu của một hình nền.
• background-repeat (việc lặp lại background): Các thuộc tính lặp lại thuộc tính nếu / làm thế nào một hình nền sẽ được lặp lại. Có thể cho phép lặp lại theo chiều ngang, chiều dọc hoặc là không lặp lại.
• background-size (kích thước của background): thuộc tính này chỉ định kích thước của hình nền. Có bốn cú pháp khác nhau mà bạn có thể sử dụng với thuộc tính này: cú pháp từ khoá (“auto”, “cover” và “contain”), cú pháp một giá trị (đặt chiều rộng của hình ảnh (chiều cao trở thành “auto”), hai giá trị cú pháp (giá trị đầu tiên: chiều rộng của hình ảnh, giá trị thứ hai: chiều cao), và cú pháp nhiều nền (cách nhau bằng dấu phẩy).
• .v.v.v.

Hy vọng qua bài học hôm nay sẽ giúp cho các bạn một số kiến thức hữu ích nữa để giúp cho các bạn vững chắc hơn trên con đường chinh phục CSS. Cảm ơn các bạn đã theo dõi hẹn gặp các bạn ở bài học tiếp theo trong series học CSS.

Các bạn hãy đón xem và ủng hộ bằng cách LIKE/SHARE hay SUBCRIBE để có thể cập nhật thông tin mới nhất từ laptrinhvien.io bạn nhé!

Phần trước: [#CSS04] CSS – Màu sắc trong CSS

Phần tiếp theo: [#CSS06] CSS- Border trong CSS

Đặc biệt, Hiện tại Trung Tâm đang tuyển sinh các Khoá học Web Developer mới khai giảng ngày 03/01/2018. Các bạn hãy xem chi tiết lịch khai giảng và đăng ký học tại đây: ►►► LỊCH KHAI GIẢNG THÁNG 12

TRUNG TÂM ĐÀO TẠO LẬP TRÌNH VIÊN JANETO

 0933067997 – 0933267337
 facebook.com/laptrinhvienio
 YouTube/laptrinhvienio
 tuyensinh@laptrinhvien.io
 Tầng 2 Tòa nhà The Morning Star – 57 Quốc Lộ 13, Phường 26, Quận Bình Thạnh, Tp. Hồ Chí Minh.