Hướng dẫn which property is used to change the background color in css? - thuộc tính nào được sử dụng để thay đổi màu nền trong css?


Thí dụ

Đặt màu nền cho một trang:

cơ thể {màu nền: san hô;}

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.


Định nghĩa và cách sử dụng

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

Bối cảnh của một phần tử là tổng kích thước của phần tử, bao gồm đệm và đường viền (nhưng không phải lề).

Mẹo: Sử dụng màu nền và màu văn bản giúp văn bản dễ đọc. Use a background color and a text color that makes the text easy to read.

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

Giá trị mặc định:trong suốt
Inherited:không
Animatable:Vâng. Đọc về hoạt hình, hãy thử nó
Version:CSS1
Cú pháp JavaScript: object.style.backgroundColor = "#00FF00" Hãy thử nó


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.

Tài sản
màu nền1.0 4.0 1.0 1.0 3.5



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

Giá trịSự mô tảThử nghiệm
màu sắcChỉ định màu nền. 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ể.Thử nghiệm ❯
trong suốtkhôngThử nghiệm ❯
Chỉ định rằng màu nền phải trong suốt. Đây là mặc địnhban đầu
Đặt thuộc tính này thành giá trị mặc định của nó. Đọc về ban đầuthừa kế


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

Thí dụ

Nhiều ví dụ hơn

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

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng
  background-color: #fefbd8;
}

Thuộc tính background-color đặt màu nền của một phần tử.
  background-color: #80ced6;
}

Bối cảnh của một phần tử là tổng kích thước của phần tử, bao gồm đệm và đường viền (nhưng không phải lề).
  background-color: #d5f4e6;
}

Mẹo: Sử dụng màu nền và màu văn bản giúp văn bản dễ đọc.
  background-color: #f18973;
}

Hãy tự mình thử »


Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

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



Thuộc tính nền là một thuộc tính tốc ký cho: màu nền. hình nền. vị trí nền.

Xem thảo luận

Cải thiện bài viết

  • Lưu bài viết
  • Đọc
  • Thuộc tính nền là một thuộc tính tốc ký cho: màu nền. hình nền. vị trí nền.

    Xem thảo luận

    Cải thiện bài viết

    Lưu bài viếtbackground-color property in CSS is used to specify the background color of an element. The background covers the total size of the element with padding and border but excluding margin. It makes the text so easy to read for the user. 

    Syntax:

    element {
        background-color property
    }

    Giá trị mặc định: Nó có một giá trị mặc định I.E trong suốt.It has a default value i.e transparent.

    Giá trị tài sản:

    Màu sắc: Nó xác định giá trị màu nền hoặc mã màu. Ví dụ: một tên màu có thể được đặt là: Giá trị màu xanh lá cây hoặc giá trị hex như là#5570F0, hoặc giá trị RGB như là RGB (25, 255, 2).It defines the background color value or color codes. For example: A color name can be given as: “green” or HEX value as “#5570f0” or RGB value as “rgb(25, 255, 2)”.

    Syntax:

    element {
        background-color: color_name;
    }
    

    Example:  

    HTML

    <html>

        <

    element {
        background-color: color_name;
    }
    
    1>

    element {
        background-color: color_name;
    }
    
    3<
    element {
        background-color: color_name;
    }
    
    5
    element {
        background-color: color_name;
    }
    
    6
    element {
        background-color: color_name;
    }
    
    5>

    element {
        background-color: color_name;
    }
    
    3<
    element {
        background-color:transparent;
    }
    1>

    element {
        background-color:transparent;
    }
    3
    element {
        background-color:transparent;
    }
    4

    element {
        background-color:transparent;
    }
    5
    element {
        background-color:transparent;
    }
    6

    element {
        background-color:transparent;
    }
    5
    element {
        background-color:transparent;
    }
    8

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    0

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    2

    element {
        background-color:transparent;
    }
    5
    element {
        background-color: initial;
    }
    4

    element {
        background-color:transparent;
    }
    5
    element {
        background-color: initial;
    }
    6

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    0

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    2

    element {
        background-color:transparent;
    }
    5
    element {
        background-color: initial;
    }
    4

    element {
        background-color:transparent;
    }
    5background-color4

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    0

    element {
        background-color: color_name;
    }
    
    3background-color8
    element {
        background-color:transparent;
    }
    1>

        background-color8

    element {
        background-color: color_name;
    }
    
    1>

        <7>

    element {
        background-color: color_name;
    }
    
    3<<1<2<1>

    element {
        background-color: color_name;
    }
    
    3<<1<8<1html0

        background-color87>

    background-color8htmlhtml7

    Output:

     

    Hướng dẫn which property is used to change the background color in css? - thuộc tính nào được sử dụng để thay đổi màu nền trong css?

    minh bạch: đó là giá trị mặc định. Nó chỉ định màu nền trong suốt. It is the default value. It specifies the transparent background-color.

    Syntax:

    element {
        background-color:transparent;
    }

    Example:  

    HTML

    <html>

        <

    element {
        background-color: color_name;
    }
    
    1>

    element {
        background-color: color_name;
    }
    
    3<
    element {
        background-color: color_name;
    }
    
    5
    element {
        background-color: color_name;
    }
    
    6
    element {
        background-color: color_name;
    }
    
    5>

    element {
        background-color: color_name;
    }
    
    3<
    element {
        background-color:transparent;
    }
    1>

    element {
        background-color:transparent;
    }
    3
    element {
        background-color:transparent;
    }
    4

    element {
        background-color:transparent;
    }
    5    9

    element {
        background-color:transparent;
    }
    5
    element {
        background-color:transparent;
    }
    6

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    0

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    2

    element {
        background-color:transparent;
    }
    5
    element {
        background-color: color_name;
    }
    
    07

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    0

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    2

    element {
        background-color:transparent;
    }
    5    9

    element {
        background-color:transparent;
    }
    3
    element {
        background-color: initial;
    }
    0

    element {
        background-color: color_name;
    }
    
    3background-color8
    element {
        background-color:transparent;
    }
    1>

        background-color8

    element {
        background-color: color_name;
    }
    
    1>

        <7>

    element {
        background-color: color_name;
    }
    
    3<<1
    element {
        background-color: color_name;
    }
    
    31<1>

    element {
        background-color: color_name;
    }
    
    3<<1
    element {
        background-color: color_name;
    }
    
    37<1html0

        background-color87>

    background-color8html

    element {
        background-color: color_name;
    }
    
    46

    Output:

     

    Hướng dẫn which property is used to change the background color in css? - thuộc tính nào được sử dụng để thay đổi màu nền trong css?

    Ban đầu: Nó được sử dụng để đặt giá trị mặc định. Nó không đặt màu nền.It is used to set the default value. It does not set the background color.

    Syntax:

    element {
        background-color: initial;
    }

    kế thừa: nó được thừa hưởng màu nền từ cha mẹ của nó. It is inherit the background-color from it’s parent.

    Các trình duyệt được hỗ trợ: Trình duyệt được hỗ trợ bởi thuộc tính màu nền CSS được liệt kê dưới đây: The browser supported by css background-color Property are listed below:

    • Chrome 1.0 trở lên
    • Edge 12.0 trở lên
    • Internet Explorer 4.0 trở lên
    • Firefox 1.0 trở lên
    • Opera 3.5 trở lên
    • Safari 1.0 trở lên

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

    Làm thế nào để thay đổi một màu nền div..
    Thêm một lớp CSS vào Div mà bạn muốn thay đổi.Đầu tiên, hãy tìm div trong mã HTML của bạn và thêm một lớp vào thẻ mở.....
    Thêm bộ chọn lớp mới vào mã CSS của bạn.Tiếp theo, hãy truy cập mã CSS của bạn và thêm bộ chọn lớp mới của bạn.....
    Chọn một màu nền mới ..

    Thuộc tính CSS nào cho phép thay đổi màu nền?

    Thuộc tính màu nền CSS cho phép bạn thay đổi màu nền của phần tử HTML.background-color property allows you to change the background color of an HTML element.

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

    Thuộc tính màu được sử dụng để đặt màu của văn bản. is used to set the color of the text.

    Tài sản nào được sử dụng cho nền trong CSS?

    Thuộc tính nền là một thuộc tính tốc ký cho: màu nền.hình nền.vị trí nền.background property is a shorthand property for: background-color. background-image. background-position.