TAILIEUCHUNG - Thuộc tính Background - CSS

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 . 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 background-color để định màu nền cho cả trang web, các thành phần h1, h2. | Thuộc tính Background - CSS 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. 1. 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 background-color để đị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. body background-color cyan h1 background-color red h2 background-color orange 2. Ả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 backgroundimage. 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 body background-image url h1 background-color red h2 background-color orange p background-color FDC689 Như các bạn đã thấy chúng ta sẽ phải chỉ định đường dẫn của ảnh trong cặp ngoặc đơn sau url. Do ảnh đặt trong cùng thư mục với file nên chúng ta chỉ cần ghi . Nhưng nếu chúng ta tạo thêm một thư mục img trong thư mục thì chúng ta sẽ phải ghi là background-image url img . Đôi khi nếu không chắc lắm bạn có thể dùng đường dẫn tuyệt đối cho ảnh. 3. Lặp lại ảnh nền thuộc tính background-repeat Nếu sử dụng một ảnh có kích thước quá nhỏ để làm nền cho một đối tượng lớn hơn thì theo mặc định trình duyệt sẽ lặp lại ảnh nền để phủ kín không gian còn thừa. Thuộc tính background-repeat cung cấp cho chúng ta các điều khiển giúp kiểm soát trình trạng lặp lại của ảnh nền. Thuộc tính này có 4 giá trị repeat-x Chỉ lặp lại ảnh theo phương ngang. repeat-y

• Quản trị mạng
• Giáo trình
• giáo án
• dạy học mẫu giáo
• dạy học mầm non
• dạy học trung học
• dạy học phổ thông
• dạy học cao đẳng đại học
• công nghệ thông tin
• đại học từ xa
• Giáo trình Xây trát láng
• Giáo trình Vật liệu xây dựng
• Giáo trình Vận chuyển vật liệu
• Giáo trình Trộn vữa
• Giáo trình Xây gạch
• Giáo trình Trát láng
• Giáo trình sơ cấp nghề xây dựng
• Chương trình giáo dục đại học
• Giáo trình giáo dục đại học
• Giáo dục đại học
• Tiểu luận giáo dục học
• Thuyết trình giáo dục đại học
• Giáo dục đại học Việt Nam
• Giáo dục đại học thế giới
• giáo trình tiếng Hàn
• giáo trình đại cương
• tài liệu học đại học
• giáo trình kinh tế
• giáo trình triết học
• giáo trình kinh tế vĩ mô
• giáo trình marketing
• giáo trình tiếng Hoa
• giáo trình tiếng Nhật
• Đội ngũ giáo viên tiểu học
• Trình độ đội ngũ giáo viên tiểu học
• Thực trạng trình độ giáo viên tiểu học
• Nâng cao trình độ giáo viên tiểu học
• Trình độ giáo viên tiểu học Phú Giáo
• Quản lý giáo dục tiểu học
• Đăng ký viết giáo trình
• Mẫu Đăng ký viết giáo trình
• Cách viết Đăng ký viết giáo trình
• Trình bày Đăng ký viết giáo trình
• Hình thức Đăng ký viết giáo trình
• Nội dung Đăng ký viết giáo trình
• Module Giáo dục thường xuyên
• Giáo dục thường xuyên
• Module Giáo dục thường xuyên 26
• Chương trình giáo dục pháp luật
• Chương trình giáo dục văn hóa xã hội
• Chương trình giáo dục sức khỏe
• Giáo trình Đại học
• Suy nghĩ về giáo trình Đại học
• Xây dựng giáo trình Đại học
• Việc xây dựng giáo trình Đại học
• Chất lượng giáo trình Đại học
• Nâng cao chất lượng giáo trình Đại học
• kinh nghiệm lập trình
• code lập trình
• kỹ thuật phần mềm
• chương trình lập trình
• lập trình máy tính
• giáo trình lập trình
• lập trình SQL
• giáo trình lập trình SQL
• tài liệu lập trình SQL
• ngôn ngữ lập trình SQL
• tự học lập trình SQL
• Giáo trình Ngôn ngữ lập trình C
• Giáo trình lập trình C
• Giáo trình Ngôn ngữ lập trình
• Ngôn ngữ lập trình C
• Lập trình C
• Ngôn ngữ lập trình