http://www.ithanam.com

Màu nền

Các tài sản quy định màu nền, màu nền của một phần tử.

Màu nền của một trang được quy định trong cơ thể chọn:

Các màu nền có thể được xác định bằng:

• Tên - một tên màu, giống như "đỏ"
• RGB - một giá trị RGB, như "rgb (255,0,0)"
• Hex - một giá trị hex, như "# FF0000"

Trong ví dụ dưới đây, các h1, p, và các yếu tố div có màu nền khác nhau:

Hình ảnh nền

Các hình ảnh nền tài sản quy định cụ thể một hình ảnh để sử dụng như là nền tảng của một phần tử.

Theo mặc định, hình ảnh được lặp đi lặp lại như vậy nó bao gồm toàn bộ các phần tử.

Những hình ảnh nền cho một trang có thể được thiết lập như thế này:

Dưới đây là một ví dụ về một sự kết hợp xấu của văn bản và hình ảnh nền. Văn bản được gần như không thể đọc được:

Hình ảnh nền - Lặp lại theo chiều ngang hoặc chiều dọc

Theo mặc định, tài sản hình ảnh nền lặp đi lặp lại một hình ảnh cả hai chiều ngang và chiều dọc.

Một số hình ảnh phải được lặp lại theo chiều ngang hoặc chiều dọc chỉ, hoặc họ sẽ xem xét kỳ lạ, như thế này: 

Nếu hình ảnh được lặp đi lặp lại chỉ theo chiều ngang (repeat-x), các nền sẽ đẹp hơn:

Hình ảnh nền - Thiết lập vị trí và lặp lại không có-

 Khi sử dụng một hình ảnh nền, sử dụng một hình ảnh mà không làm thức văn bản.

Hiển thị hình ảnh chỉ một lần được quy định bởi các tài sản background-repeat:

Trong ví dụ trên, các ảnh nền được hiển thị trong cùng một vị trí như văn bản. Chúng tôi muốn thay đổi vị trí của hình ảnh, để nó không làm phiền các văn bản quá nhiều.

Vị trí của hình ảnh được xác định bởi các tài sản background-position:

Bối cảnh - Viết tắt tài sản

Như bạn thấy từ ví dụ trên, có nhiều tài sản để xem xét khi giao dịch với các nền tảng.

Để rút ngắn mã, nó cũng có thể xác định tất cả các tài sản sở hữu duy nhất. Điều này được gọi là một tài sản viết tắt.

Các tài sản viết tắt cho nền đơn giản chỉ là "nền":

Khi sử dụng tài sản viết tắt theo thứ tự của các giá trị tài sản là:

• nền màu
• background-image
• background-repeat
• background-đính kèm
• nền vị trí

Nó không quan trọng nếu một trong các giá trị tài sản bị mất, miễn là những cái mà hiện nay là thứ tự này.

Ví dụ này sử dụng CSS nâng cao hơn. Hãy xem: Ví dụ nâng cao

Các ví dụ khác

Làm thế nào để thiết lập một ảnh nền cố định
Ví dụ này cho thấy làm thế nào để thiết lập một ảnh nền cố định. Các hình ảnh sẽ không di chuyển với phần còn lại của trang.

Tất cả các nền Properties CSS

Số trong cột "CSS" chỉ phiên bản, trong đó CSS bất động sản được xác định (CSS1 hoặc CSS2).

• 02/11/2010 12:29 - Tạo vùng quảng cáo trổi nổi trên trang web.
• 11/10/2010 15:36 - Cố định Header và Footer trên các trình duyệt

• 30/09/2010 10:27 - Cú pháp CSS
• 21/06/2010 08:56 - Simple CSS - Bài 3: Background
• 19/06/2010 10:12 - Simple CSS -Bài 2: Một Số Quy Ước Về Cách Viết CSS
• 19/06/2010 10:08 - Simple CSS - Bài 1: Giới Thiệu
• 09/06/2010 08:34 - HTML5 và CSS3