2
respostas

como mudo a cor da font do meu titulo h1 joão da silva

h1 {
    font-size: 60px;
    font-family: "Open Sans Condensed", sans-serif;
    text-align: center;
}

h2 {
    font-size: 40px;
    font-family: "Open Sans Condensed", sans-serif;
}

p {
    text-align: justify;
}

body {
    background-color: #F2FFFC;
    font-family: "Crimson Text", serif;
}

blockquote {
    background-color: #D9E5E3;
}

aside {
    background-color: #3C1D3D;
    font: color: #F2FFFC;
}
.titulosb {
    background-color: #851944;
}

este e meu codigo

2 respostas

Olá Gabriel , É só você colocar no código css o color:"cor que você deseja " ... ex:

h1 {
    font-size: 60px;
    font-family: "Open Sans Condensed", sans-serif;
    text-align: center;
    color: red;                               //deixa a fonte vermelha
}

Olá Gabriel, Dentro do CSS você pode especificar a cor desejada de 4 formas: - Nome da cor (Ex: color:red; ,color: blue;, color:green;, color:pink;, ...) - Através do código Hexadecimal (Ex: color:#ff0000; referente a cor vermelha) - Através de valores do RGB : Red-Green-Blue (Ex: color:rgb(255,0,0);) - Através de valores RGBA, que é basicamente igual ao RGB mas com o ultimo valor sendo referente a opacidade da cor (Ex: color:rgba(255,0,0,0.5); - Sendo que o valor da opacidade deve ser de 0 até 1)

Você poderia aplicar para seu H1 essas 4 formas que todas seriam válidas, basta você analisar a melhor forma para determinada situação.

Seu código poderia ficar assim:

h1{
    font-size: 60px;
        font-family: "Open Sans Condensed", sans-serif;
       text-align: center;

    /*Todos os valores abaixo se referem a cor vermelha no CSS, sendo aplicadas de 4 formas diferentes!*/
    color:red;
    color:#ff0000;
    color:rgb(255,0,0);
    color:rgba(255,0,0,1);
}

Você pode obter informações sobre valores de cores que você deseja utilizar no link : https://www.w3schools.com/colors/colors_picker.asp. Aqui você pode obter valores em nome, hexadecimal e RGB.

Ou pode saber mais sobre como utilizar a propriedade e valores possiveis através do link : https://www.w3schools.com/cssref/pr_text_color.asp

Espero ter ajudado, abraços!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software