Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Table</title>
- <style>
- table{
- border-collapse: collapse;
- background:#ddd;
- margin: 0 auto;
- border:1px solid black;
- line-height:80px;
- width:800px;
- }
- td {
- border-bottom: solid 1px black;
- }
- td {
- border-left: solid 1px black;
- }
- td {
- border-right: solid 1px black;
- }
- td {
- border-top: solid 1px black;}
- th{
- background:#000;
- color:#FFFFFF;
- font-size: 1.75em;
- text-align: center;
- border:3px solid black;
- }
- .text-center{
- text-align: center;
- }
- .cell-top-left{
- vertical-align: top;
- text-align:left;
- }
- .cell-top-right{
- vertical-align: top;
- text-align:right;
- }
- .cell-bottom-right{
- vertical-align: bottom;
- text-align:right;
- }
- .cell-bottom-left{
- vertical-align: bottom;
- text-align:left;
- }
- .red-left-border{
- border-left:2px dashed red;
- }
- .width{
- width:200px;
- }
- </style>
- </head>
- <body>
- <table>
- <tbody>
- <tr><th colspan="4">Tabela na Sprawdzian</th></tr>
- <tr>
- <td class="cell-top-left">Tekst na górze po lewej stronie</td>
- <td class="text-center" rowspan="3">Tekst na środku</td>
- <td class="width"> </td>
- <td class="cell-top-right">Tekst na górze po prawej stronie</td>
- </tr>
- <tr>
- <td> </td>
- <td class="text-center red-left-border" colspan="2">Tekst na środku</td>
- </tr>
- <tr>
- <td class="cell-bottom-left">Tekst na dole po lewej stronie</td>
- <td> </td>
- <td class="cell-bottom-right">Tekst na dole po prawej stronie</td>
- </tr>
- </tbody>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement