|
|
Keret, háttérszín, változás.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
| Változó keretszín. Villogó keret, a táblázat külső kerete, és nem a celláké. |
| Első cella. Villogó keret a táblázat küső kerete és nem a celláké. |
Második cella. Villogó keret a táblázat külső kerete és nem a celláké. |
| Egyes TD cella | Kettes TD cella |
| Hármas TD cella | Négyes TD cella |
| Ötös TD cella | Hatos TD cella |
Program megírása, xhtml - fájlban:
<body>
<script language="JavaScript" type="text/javascript" src="java-fájl-neve.js"> </script>
<table id="szinpelda">
<tr>
<td>Változó keretszín. <br>
Villogó keret,<br>
a táblázat küső kerete,<br>
és nem a celláké.
</td>
</tr>
</table>
<table id="szinpelda002">
<tr>
<td class="elsocella">Első cella. <br>
Villogó keret a táblázat küső kerete és nem a celláké.
</td>
<td class="masodikcella">Második cella. <br>
Villogó keret a táblázat küső kerete és nem a celláké.
</td>
</tr>
</table>
<table id="szinpelda003">
<tr>
<td> Egyes <br />TD cella </td> <td>Kettes <br />TD cella</td>
</tr>
<tr>
<td>Hármas<br />TD cella </td><td>Négyes<br />TD cella</td>
</tr>
<tr>
<td>Ötös<br />TD cella</td><td> Hatos<br />TD cella</td>
</tr>
</table>
</body>
Program megírása, CSS - fájlban:
/*Első táblázat /*
#szinpelda
{
width: 290px; border: 2px solid blue;
}
/*Második táblázat */
#szinpelda002
{
clear: left;
width: 580px;
margin-top: 25px;
margin-left: 125px;
border: 5px dotted green;
}
#szinpelda002 td
{
border: 2px solid #fff;
}
.elsocella
{
background-color: #cc3;
}
.masodikcella
{
background-color: #cc9;
}
/*Harmadik táblázat*/
#szinpelda003
{
clear: left;
float: right;
width: 290px;
margin-top: 25px;
background-color: aqua;
}
#szinpelda003 td
{
text-align: center;
border: 2px solid #fff;
}
Program megírása, java (js) - fájlban:
Megtekinthető asztali változatban.