Hướng dẫn how do i change the background color in css? - làm cách nào để thay đổi màu nền trong css?

Các thuộc tính nền CSS được sử dụng để thêm hiệu ứng nền cho các phần tử.

Trong các chương này, bạn sẽ tìm hiểu về các thuộc tính nền CSS sau:

• background-color
• background-image
• background-repeat
• background-attachment
• background-position
• background [tài sản tốc ký]

CSS nền nền

Thuộc tính background-color chỉ định màu nền của một phần tử.

Thí dụ

Màu nền của một trang được đặt như thế này:

Body {& nbsp; & nbsp; màu nền: lightBlue;}
  background-color: lightblue;
}

Hãy tự mình thử »

Với CSS, một màu thường được chỉ định bởi:

• Tên màu hợp lệ - như "Red"
• Giá trị hex - như "#ff0000"
• Giá trị RGB - như "RGB [255,0,0]"

Nhìn vào các giá trị màu CSS để biết danh sách đầy đủ các giá trị màu có thể.

Các yếu tố khác

Bạn có thể đặt màu nền cho bất kỳ phần tử HTML nào:

Thí dụ

Màu nền của một trang được đặt như thế này:

Body {& nbsp; & nbsp; màu nền: lightBlue;}
  background-color: green;
}

Hãy tự mình thử »
  background-color: lightblue;
}

Với CSS, một màu thường được chỉ định bởi:
  background-color: yellow;
}

Hãy tự mình thử »

Với CSS, một màu thường được chỉ định bởi:

Tên màu hợp lệ - như "Red"

Giá trị hex - như "#ff0000" When using the opacity property to add transparency to the background of an element, all of its child elements inherit the same transparency. This can make the text inside a fully transparent element hard to read.

Giá trị RGB - như "RGB [255,0,0]"

Nhìn vào các giá trị màu CSS để biết danh sách đầy đủ các giá trị màu có thể.RGBA color values. The following example sets the opacity for the background color and not the text:

Các yếu tố khácalpha channel [RGBA] - which specifies the opacity for a color.

Bạn có thể đặt màu nền cho bất kỳ phần tử HTML nào:

Ở đây, các yếu tố, và các yếu tố sẽ có màu nền khác nhau: & nbsp; You will learn more about RGBA Colors in our CSS Colors Chapter.

Thí dụ

Màu nền của một trang được đặt như thế này:
  background: rgba[0, 128, 0, 0.3] /* Green background with 30% opacity */
}

Hãy tự mình thử »

Với CSS, một màu thường được chỉ định bởi:

Nhiều ví dụ hơn

Thí dụ

Chỉ định màu nền bằng giá trị hex:

cơ thể {màu nền: #92a8d1;}

Hãy tự mình thử »

Chỉ định màu nền với giá trị RGB:

Body {màu nền: RGB [201, 76, 76];}

Chỉ định màu nền với giá trị RGBA:

Body {màu nền: RGBA [201, 76, 76, 0.3];} Use a background color and a text color that makes the text easy to read.

Đưa ra bản chạy thử ❯

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

CSS Cú pháp

màu nền: màu sắc | trong suốt | ban đầu | kế thừa;

Giá trị tài sản

Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về kế thừa

Nhiều ví dụ hơn

Thí dụ

Chỉ định màu nền bằng giá trị hex:

cơ thể {màu nền: #92a8d1;}

Nhiều ví dụ hơn

Thí dụ

Chỉ định màu nền bằng giá trị hex:

cơ thể {màu nền: #92a8d1;}

Nhiều ví dụ hơn

Thí dụ

Chỉ định màu nền bằng giá trị hex:

cơ thể {màu nền: #92a8d1;}

Nhiều ví dụ hơn

Thí dụ

Chỉ định màu nền bằng giá trị hex:

cơ thể {màu nền: #92a8d1;}

Nhiều ví dụ hơn

Thí dụ

Body {màu nền: HSLA [89, 43%, 51%, 0,3];}

Hãy tự mình thử »

Thí dụ

Đặt màu nền cho các yếu tố khác nhau:

Body {& nbsp; & nbsp; màu nền: #fefbd8;}
  background-color: #fefbd8;
}

H2 {& nbsp; & nbsp; màu nền: #80Ced6;}
  background-color: #80ced6;
}

div {& nbsp; Màu nền: #D5F4E6; }
  background-color: #d5f4e6;
}

span {& nbsp; & nbsp; màu nền: #f18973;}
  background-color: #f18973;
}

Hãy tự mình thử »

Thí dụ

Đặt màu nền cho các yếu tố khác nhau:

Body {& nbsp; & nbsp; màu nền: #fefbd8;}

Làm thế nào để bạn thay đổi màu nền trong CSS?

Làm cách nào để thay đổi nền trong HTML CSS?

Làm thế nào để bạn thay đổi màu sắc trong CSS?

Thuộc tính CSS nào được sử dụng để thay đổi màu nền?