14-01-2011, 21:21
Rozwiązanie zad1:
#z5_table {
border-spacing: 0.4em 0;
text-align: center;
margin: auto;
}
#z5_table tr td {
width: 150px;
border-left: 2px solid yellow;
border-right: 2px solid yellow;
padding: 5px;
}
#z5_border_top td {
border-top: 2px solid yellow;
}
#z5_border_bottom td {
border-bottom: 2px solid yellow;
}
<body>
<table id="z5_table">
<tr id="z5_border_top">
<td>Pierwsza kolumna</td>
<td>Druga kolumna</td>
<td>Trzecia kolumna</td>
</tr>
<tr>
<td>Pierwsza kolumna</td>
<td>Druga kolumna</td>
<td>Trzecia kolumna</td>
</tr>
<tr id="z5_border_bottom">
<td>Pierwsza kolumna</td>
<td>Druga kolumna</td>
<td>Trzecia kolumna</td>
</tr>
</table>
</body>
Rozwiązanie zad2:
#z6_div {
max-width: 200px;
max-height: 100px;
border: 2px solid orange;
text-align: justify;
margin: auto;
padding: 3px;
}
#z5_table {
border-spacing: 0.4em 0;
text-align: center;
margin: auto;
}
#z5_table tr td {
width: 150px;
border-left: 2px solid yellow;
border-right: 2px solid yellow;
padding: 5px;
}
#z5_border_top td {
border-top: 2px solid yellow;
}
#z5_border_bottom td {
border-bottom: 2px solid yellow;
}
<body>
<table id="z5_table">
<tr id="z5_border_top">
<td>Pierwsza kolumna</td>
<td>Druga kolumna</td>
<td>Trzecia kolumna</td>
</tr>
<tr>
<td>Pierwsza kolumna</td>
<td>Druga kolumna</td>
<td>Trzecia kolumna</td>
</tr>
<tr id="z5_border_bottom">
<td>Pierwsza kolumna</td>
<td>Druga kolumna</td>
<td>Trzecia kolumna</td>
</tr>
</table>
</body>
Rozwiązanie zad2:
#z6_div {
max-width: 200px;
max-height: 100px;
border: 2px solid orange;
text-align: justify;
margin: auto;
padding: 3px;
}
