tailieunhanh - Simple CSS - Bài 3: Background

Trong bài học này chúng ta sẽ được học về cách định màu nền/ảnh nền cho một trang web cũng như các kỹ thuật định vị, điều chỉnh ảnh nền. . Màu nền (thuộc tính background-color): Thuộc tính background-color giúp định màu nền cho một thành phần trên trang web. Các giá trị mã màu của background-color cũng giống như color nhưng có thêm giá trị transparent để tạo nền trong suốt. Ví dụ sau đây sẽ chỉ cho chúng ta biết cách sử dụng thuộc tính backgroundcolor để định màu nền cho cả trang web, các thành phần h1,. | Simple CSS - Bài 3 Background Trong bài học này chúng ta sẽ được học về cách định màu nền ảnh nền cho một trang web cũng như các kỹ thuật định vị điều chỉnh ảnh nền. . Màu nền thuộc tính background-color Thuộc tính background-color giúp định màu nền cho một thành phần trên trang web. Các giá trị mã màu của background-color cũng giống như color nhưng có thêm giá trị transparent để tạo nền trong suốt. Ví dụ sau đây sẽ chỉ cho chúng ta biết cách sử dụng thuộc tính backgroundcolor để định màu nền cho cả trang web các thành phần h1 h2 lần lượt là xanh lơ đỏ và cam. Trích body background-color cyan h1 background-color red h2 background-color orange . Ảnh nền thuộc tính background-image Việc sử dụng ảnh nền giúp trang web trông sinh động và bắt mắt hơn. Để chèn ảnh nền vào một thành phần trên trang web chúng ta sử dụng thuộc tính background-image. Bây giờ chúng ta sẽ cùng làm một ví dụ minh họa để xem thuộc tính background-image sẽ hoạt động ra sao. Đầu tiên hãy tìm một tấm ảnh mà bạn thích ở đây Pearl sẽ lấy tấm ảnh logo của blog Pearl Sau đó chúng ta sẽ viết CSS để đặt logo này làm ảnh nền trang web như sau Trích body background-image url h1 background-color red h2 background-color orange p background-color FDC689