Cursos

Simulados

P&R

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colaboração.

Tutoriais CSS - 1
Como Centralizar uma Tabela

O uso de tabelas na concepção de um site é uma tarefa emocionante. Por padrão, o alinhamento de uma tabela é para a esquerda, mas usando a propriedade margin em CSS, podemos alinhá-la no centro.
Se definirmos o valor de margin-left e margin-right para automático, os navegadores mos-tram a tabela centralizada. Podemos usar a margem de propriedade abreviada e configurá-la como automática para alinhar a tabela no centro em vez de usar as propriedades margin-left e margin-right.
Em vez de alinhar a tabela ao centro, a propriedade text-align: center; centraliza apenas o conteúdo da tabela, tal como o texto dentro da tabela.
Vamos entender isso usando uma ilustração.
Exemplo:
Neste exemplo, estamos usando a propriedade text-align:center; para centralizar o conteúdo dentro da tabela e margin-left:auto; e margin-right:auto; para centralizar a mesma.
<!DOCTYPE> <html> <head> <style> table, th, td { border: 1px solid black; margin-left: auto; margin-right: auto; border-collapse: collapse; width: 500px; text-align: center; font-size: 20px; } </style> <script src='/google_analytics_auto.js'></script></head> <body> <table> <tr> <th>Nome</th> <th>Sobrenome</th> <th>Assunto</th> <th>Nota</th> </tr> <tr> <td>Jorge</td><td>Silva</td><td>Design</td><td>98</td> </tr> <tr> <td>Maria</td><td>Cabral</td><td>Culinária</td><td>92</td> </tr> <tr> <td>Carol</td><td>Silva</td><td>Turismo</td><td>95</td> </tr> </table> </body> </html>
Resultado:

*****

Tutoriais

Programas

Projetos

Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL

P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL

Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python

Projetos

Android
App Inventor 2
Arduino