<style>.all{
border:3px #aaa solid;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
background:#fff;
width:700px;
text-align:right;
direction:rtl;
padding:10px;
}
.header,.footer{
padding:5px;
margin:0;
position:relative;
left:10px;
width:710px;
text-align:center;
color:#fff;
background:#aaa;
}
.header{
top:-10px;
font-size:18px;
}
.footer{
top:10px;
}
a{
color:#000;
text-decoration:none;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-khtml-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
}
a:hover{
color:#555;
text-shadow:0px 0px 3px;
-moz-text-shadow:0px 0px 3px;
-o-text-shadow:0px 0px 3px;
-ms-text-shadow:0px 0px 3px;
-khtml-text-shadow:0px 0px 3px;
-webkit-text-shadow:0px 0px 3px;
}
thead td{
background-color:#ccc;
}
tbody td{
background:#eee;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-khtml-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
}
tbody tr:hover td{
background:#ddd;
}
td{
padding:3px;
border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-khtml-border-radius:3px;
}
table{
width:90%;
margin:10px 5% 10px 5%;
}
#moisrex{
position:fixed;
bottom:10px;
right:10px;
direction:rtl;
text-align:right;
color:#fff;
}
#moisrex a{
color:#fff;
}
</style>
<table>
<thead>
<tr>
<td>عنوان 1</td>
<td>عنوان 2</td>
</tr>
</thead>
<tbody>
<tr>
<td>متن 1</td>
<td>متن 2</td>
</tr>
<tr>
<td>متن 1</td>
<td>متن 2</td>
</tr>
<tr>
<td>متن 1</td>
<td>متن 2</td>
</tr>
<tr>
<td>متن 1</td>
<td>متن 2</td>
</tr>
</tbody>
</table>