Entenda o código:

Código:

.module {
background-color: red;
color: white;
border: 1px solid black;
}

No código acima procure por black, troque pela cor da borda.
No código acima procure por red, troque pela cor de fundo.
No código acima procure por white, troque pela cor do texto

Entenda o código:

Código:

.module {
propriedades
}

.module =  seletor;
{ } =  chaves;
propriedades =  é o local onde fica todas as propriedades css;

Não modifique o seletor, nem as chaves.

Abaixo você vai ver algumas propriedades:

background-color: = o fundo do widget, essa propriedade vai modificar todo o fundo, abaixo um exemplo de como utiliza-la.

Código:


.module {
background-color: #fff;
}

No código acima, procure por #fff, substitua pelo nome da cor desejada em inglês.


color: = a cor da letra, essa propriedade vai modificar a cor da letra, abaixo um exemplo de como utiliza-la.

Código:


.module {
background-color: #fff;
color: red;
}

No código acima, procure por red, substitua pelo nome da cor de texto desejada em inglês.

Para saber mais propriedades veja os tópicos abaixo:

• Elaborar um código CSS
  
• Elaborar um código CSS3 - Vol. 1 Efeitos