1
resposta

Deixando o site estiloso... parte 4;

Folha de Estilo 1

body {
    background-color: #001D3D;
    color: whitesmoke;
}

strong {
    color:#FFC300;
}

h1{
    font-weight: bold;
}

p {
    color:lightpink;
}

span{
    color: #fd226b;
    border: 1px solid #fd226b;
    padding: 10px;
}

img {
    width: 234PX;
    height: 303px;
}

Folha de Estilo 2

body {
    background-color: #FFD60A;
    color: black;
}

strong {
    color:#fd226b;
}

h1{
    font-weight: bold;
}

p {
    color: darkgrey;
}

span{
    color: whitesmoke;
    border: 1px solid whitesmoke;
    padding: 10px;
}

img {
    width: 234PX;
    height: 303px;
}

Folha de Estilo 3

body {
    background-color:whitesmoke;
    color: #fd226b;
}

strong {
    color:black;
}

h1{
    font-weight: bold;
}

p {
    color: darkgray;
}

span{
    color: #FFC300;
    border: 1px solid #FFC300;
    padding: 10px;
}

img {
    width: 234PX;
    height: 303px;
}
1 resposta

Olá, Helder. Tudo bem?

Muito obrigado por compartilhar o seu código aqui com a gente. Parabéns pelo trabalho. Continue com essa dedicação.

Ótimo como você está variando as cores e estilos nos seus arquivos de folha de estilo, criando uma experiência visual interessante para o usuário. A utilização de background-color e color para as diferentes partes do conteúdo também ajuda a melhorar a legibilidade e a estética.

  Alura   Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!