Análise de Sistemas
Banco de Dados
Computação Gráfica
Diversos
Internet
Lógica
Programação
Redes
Computação
Informática Básica
FrameWorks
Matemática
Cadastre-se
Exemplo de como aplicar comandos CSS em uma tabela HTML

PHP-GENERATOR

Exemplo de como aplicar comandos CSS em uma tabela HTML

Exemplo de como aplicar comandos CSS em uma tabela HTML


No exemplo abaixo temos o código destacado em amarelo que contém comandos da linguagem CSS, dentro das tags <head></head>, e o código destacado em pink com comandos da linguagem HTML para criar uma tabela, dentro das tags <body></body>. Observe que na criação da tabela foi utilizado o comando class=tela para aplicar a classe de programação criada em CSS a tabela.


<html>

<head>

<meta charset=utf-8>

<meta name="viewport" content="width=device-width">

<style>

.tela{

background: gold; // define cor de fundo

border: solid blue 2px; // cria borda

border-radius: 10px; // cria bordas arredondadas

width: 600px; // define largura do componente

height: 400px; // define altura do componente

color: red; // define cor da fonte

font-size: 30px; // define tamanho da fonte

background-image: linear-gradient(80deg, gold, pink, blue); // cria efeito degrade

box-shadow: 10px 10px 10px black; // cria sombreamento

}

</style>

</head>


<body><center>

<table class=tela><tr><td>

Deus da a todos uma estrela

<br>Uns fazem dela um Sol

<br>Outros nem conseguem vê-la

<p>(Helena Colody)

</td></tr></table>

</body>

</html>


Esta mesma estrutura de programação pode ser aplicada a diversos componentes em uma página.


ATIVIDADES

1) Descreva para que servem os seguintes comandos:

a) background

b) border

c) border-radius

d) width: 600px

e) height: 400px

f) color:

g) font-size

h) background-image: linear-gradient(80deg, gold, pink, blue)

i) box-shadow


2) Monte uma classe CSS que atribua a uma tabela cor de fundo azul, letra amarela e tamanho 640x480.



WebMaster: PROFESSOR RONI MARCIO FAIS
Formação: Bacharel em Ciência da Computação e Especialista em Administração, Supervisão e Orientação Educacional
E-mail: rmfais@yahoo.com.br


Artigos



Criação de APP online