Esempio tabelle

by Davide Caruso

HTML

<!DOCTYPE html>
<html>
<head>
	<title>Esempio Tabella</title>
	<meta charset="utf-8">
	<meta name="viewport" content="widtd=device-widtd, initial-scale=1, minimum-scale=0.3, maximum-scale=3.0, user-scalable=no">
	<style>
	.BodyFormat
	{
		font-family: "Segoe UI",calibri, arial,helvetica;
		font-size: 18px;
		font-weight: normal;
		color: #2c0e10;
		background-color: #f8f6e6;
	}

	.ClsContainer
	{
		margin: 0 auto;
		overflow: hidden;
		widtd: 850px;
		background-color: #f8f6e6;
		min-height: 100%;
	}

	.ClsBold
	{
		font-weight: bold;
	}

	.ClsTitolo
	{
		font-size: 140%;
	}

	.ClsCenter
	{
		text-align: center;
	}

	.ClsLeft
	{
		text-align: left;
	}

	.ClsRight
	{
		text-align: right !important;
		padding-right: 5px !important;
	}

	table.TbDati
	{
		border-collapse: collapse;
	}

	.TbDati table, .TbDati th, .TbDati td
	{
		border-collapse: collapse;
		border: 1px solid black;
		font-size: 110%;
		padding: 5px 15px 5px 15px;
	}

	.ClsR1Testata
	{
		color: #000000;
		background-color: #DBE5F1;
	}

	.ClsR2C1Testata
	{
		color: #ffffff;
		background-color: #1F497D;
	}

	.ClsR2C2Testata
	{
		color: #ffffff;
		background-color: #E46D0A;
	}

	.ClsC1Piede
	{
		color: #000000;
		background-color: #D7E4BC;
	}

	.ClsC2Piede
	{
		color: #000000;
		background-color: #EAF1DD;
	}

	.ClsCorpo
	{
		color: #000000;
		background-color: #ffffff;
	}

	.ClsCorpoA
	{
		font-size: 250%;
		color: #000000;
		background-color: #8DB4E3;
	}

	.ClsCorpoB
	{
		color: #000000;
		background-color: #C5D9F1;
	}

	.ClsCorpoC
	{
		color: #974801;
		background-color: #ffffff;
	}

	.ClsCorpoD
	{
		background-color: #FDE9D9;
	}
	</style>
</head>
<body class="BodyFormat">
<!--Inizio DvContainer -->
<div id="DvContainer" class="ClsContainer">


<!--Tabella -->
<p class="ClsBold ClsTitolo ClsCenter">progetto realtĂ  aumentata</p>


<table class="TbDati ClsCenter" style="margin: auto;">
<tr class="ClsR1Testata">
	<td colspan="2">CLASSI TERZE</td>
	<td colspan="4">INFORMATICA</td>
	<td colspan="2">A.S....