<style type="text/css" rel="stylesheet">

table{

/* الجوانب دون ملئ */

border-collapse:collapse;

}

/*خصائص الصفوف */

.taula_menu tr{

border-top:dotted 1px  #02223E;

}

/* خصائص الأعمدة */

.taula_menu td{ background-color:#FFAFAF; width:100px;

font:bold 12px Arial;

text-align:center; } .taula_menu td:hover{ background-color:#CF4D4D; font:bold 14px Arial; } /* Propietats de les columnes */ .taula_menu_2 td{

background-color:#AFE3FF;

vertical-align:top;

width:70px;

font:bold 12px Arial;

text-align:center;

border-top:solid 4px  #02223E;

} .taula_menu_2 td:hover{

background-color:#AFE3FF;

color:#175A7F;

text-align:center;

border-top:solid 4px orange;

}

span

{

border:1px solid #000000;

padding:4px;

margin:0px;

font:bold 12px Arial;

background-color:green;

color:#ffffff;

width:120px;

}

p

{

padding:0;

margin:3px;

font:bold 12px Verdana;

color:#ffffff;

background-color:orange;

width:120px;

padding:4px;

}

a:hover

{

color:yellow;

}

a{

text-decoration:none;

color:#ffffff;

}

</style>

<!-- القائمة الأولى -->

<table class="taula_menu" border="1" cellpadding="4" cellspacing="0">

<tr><td>Música</td></tr>

<tr><td>Cinema</td></tr>

<tr><td>Llibres</td></tr>

<tr><td>Jocs</td></tr>

<tr><td>Ciència</td></tr>

<tr><td>Notícies</td></tr>

</table>