Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<table class="sloupce"> <caption>Stylování sloupců tabulky</caption> <tr> <td>tabulka první sloupec <td>tabulka druhý sloupec <td>tabulka třetí sloupec <tr> <td>tabulka první sloupec <td>tabulka druhý sloupec <td>tabulka třetí sloupec <tr> <td>tabulka první sloupec <td>tabulka druhý sloupec <td>tabulka třetí sloupec </table> <br> <table class="jina"> <caption>Tabulka s jiným stylem</caption> <tr> <td>tabulka první sloupec <td>tabulka druhý sloupec <td>tabulka třetí sloupec <tr> <td>tabulka první sloupec <td>tabulka druhý sloupec <td>tabulka třetí sloupec <tr> <td>tabulka první sloupec <td>tabulka druhý sloupec <td>tabulka třetí sloupec </table> <br> <table> <caption>Tabulka se společným stylem</caption> <tr> <td>tabulka první sloupec <td>tabulka druhý sloupec <td>tabulka třetí sloupec <tr> <td>tabulka první sloupec <td>tabulka druhý sloupec <td>tabulka třetí sloupec <tr> <td>tabulka první sloupec <td>tabulka druhý sloupec <td>tabulka třetí sloupec </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
table { border-collapse: collapse; border: #000 solid 2px } td { padding: 3px 7px; border: #000 solid 1px; } .sloupce td:first-child { background: #ffc; color: #039;} .sloupce td:first-child+td { background: #def; color: #00f;} .sloupce td:first-child+td+td { background: #fef; color: #c00; } .jina { border: 3px double; background: #efb; color: green; } .jina td { border: 1px dashed; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>