<style>

   table#hatvanytabla
   {
	margin          : 10px auto        ;
	background-color: #FAFAFF          ;
	border          : solid 1px #88F   ;
	border-radius   :  2px             ;
	box-shadow      : 4px 4px 4px #66A ;
	line-height     : 16px             ;
   }

   table#hatvanytabla tr td
   {
	width		: 52px             ;
	padding         :  4px             ;
	background-color: #DDF             ;
	border          : solid 1px #88F   ;
	border-radius   :  2px             ;
	text-align      : right            ;
	font-family     : Geneva, Arial    ;
	font-size       : 12px             ;
	color           : #200040          ;
   }

   table#hatvanytabla tr:first-child td		/* Az elsõ sor stílusa */
   {
	background-color: #BBF             ;
	font-weight     : bold             ;
   }

   table#hatvanytabla tr td:first-child		/* Az elsõ oszlop stílusa */
   {
	background-color: #BBF             ;
   }

</style>


<table id='hatvanytabla'>

    <tr>
	<td> n             </td>
	<td> n<sup>2</sup> </td>
	<td> n<sup>3</sup> </td>
	<td> n<sup>4</sup> </td>
	<td> n<sup>5</sup> </td>
    </tr>

<script>

    for( i=1 ; i<=10; i++ )
    {
	document.write( "<tr>" )
	document.write( "   <td>" +          i    + "</td>" )
	document.write( "   <td>" +      i * i    + "</td>" )
	document.write( "   <td>" + Math.pow(i,3) + "</td>" )
	document.write( "   <td>" + Math.pow(i,4) + "</td>" )
	document.write( "   <td>" + Math.pow(i,5) + "</td>" )
	document.write( "</tr>" )
    }

</script>

</table>