O CSS possui vários atributos para definir o background de um elemento. Esses atributos são:

• background-color: Define a cor de fundo de um elemento. Por exemplo, para definir a cor de fundo de uma div como verde, você pode usar o seguinte código:

<div style="background-color: green;">
    <img src="<https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/220px-Cat03.jpg>" alt="Gatinho" />
</div>

• background-image: Define uma imagem de fundo para um elemento. Por exemplo, para definir uma imagem de fundo de uma div como uma imagem de um gatinho, você pode usar o seguinte código:

<div style="background-image: url('<https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/220px-Cat03.jpg>');">
    <p>Olá, sou um gatinho!</p>
</div>

• background-repeat: Define se a imagem de fundo deve ser repetida ou não. Por exemplo, para definir a imagem de fundo de uma div para não ser repetida, você pode usar o seguinte código:

<div style="background-image: url('<https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/220px-Cat03.jpg>'); background-repeat: no-repeat;">
    <p>Olá, sou um gatinho!</p>
</div>

• background-position: Define a posição da imagem de fundo. Por exemplo, para definir a imagem de fundo de uma div para ser posicionada no canto superior esquerdo, você pode usar o seguinte código:

<div style="background-image: url('<https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/220px-Cat03.jpg>'); background-position: top left;">
    <p>Olá, sou um gatinho!</p>
</div>

• background-attachment: Define se a imagem de fundo deve ser fixa ou não. Por exemplo, para definir a imagem de fundo de uma div para ser fixa, você pode usar o seguinte código:

<div style="background-image: url('<https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/220px-Cat03.jpg>'); background-attachment: fixed;">
    <p>Olá, sou um gatinho!</p>
</div>

• background-size: Define o tamanho da imagem de fundo. Por exemplo, para definir a imagem de fundo de uma div para ter o tamanho de 100px por 100px, você pode usar o seguinte código:

<div style="background-image: url('<https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/220px-Cat03.jpg>'); background-size: 100px 100px;">
    <p>Olá, sou um gatinho!</p>
</div>

Esses são os principais atributos de background do CSS. Com eles, você pode criar backgrounds interessantes e personalizados para seus elementos.