colorindo os textos das tags <h1>

por Qui Jul 29, 2010 5:31 pm

o exercicio de hoje teremos que colorir o texto usando CSS .

Dica: escreveu:

para personalizar um texto basta fazer o seguinte (Exemplo):

p {
color: #FF000
}

claro , o exercico não e pra colorir o textos dentro das tags e < p > sim da < h1 > .

Código:
body { margin: 60px; background-color: #e8eae8; color: #000000; font-family: Verdana, Geneva, Arial, sans-serif; text-align:center; } p { text-align: center;} p { color: #000000;} h6 { text-align: center; } [/b][b][b]Este é o conteúdo da minha página [/b][/b] [b]A lista no topo da página destina-se a se constituir no menu de navegação. Web sites em geral tem uma barra de navegação disposta horizontalmente no topo ou um menu na lateral da página e nossa página também terá seu menu de navegação. Usaremos um menu na lateral esquerda, por considerarmos mais interessante que uma barra no topo...[/b][b] Nosso menu já esta no código HTML da página. Ele é a lista [/b] [list][b] no topo. Os links ali inseridos não levam a lugar algum pois nosso “Web site” tem uma só página, mas isto não é importante agora. Em um Web site real, é óbvio, não devemos ter nenhum link "quebrado". Agora precisamos mover a lista para a esquerda e o restante do texto para a direita com a finalidade de abrir espaço para a lista. As propriedades CSS que usaremos para isto são 'padding-left' (para mover o texto para a direita) e 'position', 'left' e 'top' (para posicionar o menu). Existem outras maneiras de se fazer isto. Se você der uma olhada em “column” ou “layout” na página Aprendendo CSS , vai encontrar vários templates para layout. Mas para o nosso exemplo as propriedades citadas acima são adequadas. No editor de texto adicione mais estas linhas no arquivo HTML: O menu de navegação mais se parece com uma lista do que com um menu. Vamos estilizá-lo. Comecemos removendo os marcadores de lista e deslocando o menu mais para a esquerda, para o lugar agora ocupado pelos marcadores. Vamos acresentar um fundo branco para os itens da lista e também um quadradro preto. (Por que fazer isto? Simplesmente porque isto é possível, sem qualquer motivo adicional.) Até agora ainda não definimos as cores para os links, então esta é a hora: azul para links não visitados e púrpura para links já visitados: [/b][b][b]by emerson[/b][/b] [b][b]esses txt não foi eu que escrevi peguei na internet.[/b][/b] [b]

veja o codigo acima e personalize o texto "Este é o conteúdo da minha página" (Sem aspas) com a cor vermelha lembrando que ele esta dentro da tag:

Código:
< h1 >Este é o conteúdo da minha página< /h1 >

para poder participar so postar o codigo CSS abaixo que muda a cor para vermelho.
[/list]