CSS Exercicio de Formatação CSS

sextans666 · 6 de setembro de 2019

Eu desenvolvi essa tabela no notepad++ como o professor me pediu, mas então ele pediu para que fizesse a mesma no CSS

Não faço ideia do que seja isso. Me ajudem!!!

<!DOCTYPE html>
<html>
    <head>
        <title>Curso Web Designer | Exercicio</title>
    </head>
    <body>
    <link rel="stylesheet" href="estilo.css">
    <h1>oxente</h1>
    <table width="600" border=1 cellspacing="0" cellpadding="0">
        <tr height="50">
            <td bgcolor="f0a747" align="center" colspan="3"><b>Filosofia do Sucesso</td>
            
        </tr>
        <tr>
            <td bgcolor="b7e2f3" colspan="2">
            Se voce pensa que e um derrotado,<br>
            voce sera derrotado<br>
            se nao pensar "quero a qualquer custo!"<br>
            nao conseguira nada.<br>
            Mesmo que voce queira vencer, <br>
            mas pensa que nao vai conseguir,<br>
            a vitoria nao sorrira para voce<br>
            </td>
            
            <td bgcolor="f8dca5" width="200">
            </td>
        </tr>
        <tr>
            <td bgcolor="f8dca5">
            </td>
            
            <td bgcolor="b7e2f3" align="right" colspan="2"> 
            Se você fizer as coisas pela metade,<br>
            voce sera um fracassado.<br>
            Nós descobrimos neste mundo<br>
            que o sucesso começa pela intenção da gente<br>
            e tudo se determina pelo nosso espírito.<br>
            </td
        </tr>
        <tr>
            <td bgcolor="b7e2f3" colspan="2">
            Se você pensa que é um malogrado,<br>
            voce se torna como tal.<br>
            Se almeja atingir uam posiçao mais elevada,<br>
            deve, antes de obter a vitoria,<br>
            dotar-se da conviccao de que<br>
            conseguira infalivelmente<br>
            </td>
            <td bgcolor="f8dca5" colspan="2"></td>
        </tr>
        <tr>
            <td bgcolor="f8dca5">
            </td>
            <td bgcolor="b7e2f3"colspan="2">
            A luta pela vida nem sempre e vantajosa<br>
            aos fortes nem aos espertos.<br>
            Mais cedo ou mais tarde, quem cativa a vitoria<br>
            e aquele que cre plenamente<br>
            Eu conseguirei!<br></td>
        
        </tr>
        <tr>
            <td bgcolor= "f0a747"><br></td>
            <td bgcolor="30ee5c"><br></td>
            <td bgcolor= "f0a747"><br></td>
        </tr>
    </body>
</html>

DiF · 6 de setembro de 2019

@sextans666 O que ele quis dizer é que é para você colocar os estilos no CSS incorporado e não no inline.

Não vou dar a resposta pronta, mas basicamente siga esse modelo:

elemento {
   regras css aqui
}

Tente fazer o seu exercício da forma que seu professor pediu e ai posta o código de novo. O que tive errado, explicaremos.

gramosiri · 7 de setembro de 2019

@sextans666 Como o DiF mostrou acima, segue alguns exemplos do modelo css

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

No exemplo acima todo o corpo do seu site e todos os h1 teriam essa formatação.

No seu caso você pode adicionar no seu css o elemento " td " e adicionar a formatação que deseja, por exemplo, cor, borda e etc, assim todo o seu html vai passar a possuir os elementos do seu css. Com isso você não precisa adicionar em cada td a cor, o proprio css vai cuidar disso pra você.

Você também pode criar class e id no css e chamar quando necessário, tem muito material na internet sobre css, sugiro que dê uma procurada caso deseje se aprofundar mais no assunto.

Recomendo o site do w3schools: https://www.w3schools.com/css/