Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width">
- <title>JS Bin</title>
- </head>
- <body>
- <div class="renderbox">
- <style scoped>
- h1 {
- font-size: 18pt;
- }
- p {
- font-size: 12pt;
- }
- table.one {
- border-collapse: collapse;
- }
- table.two {
- border-collapse: separate;
- }
- td.a {
- border-style: dotted;
- border-width: 3px;
- border-color: #000000;
- padding: 10px;
- }
- td.b {
- border-style: solid;
- border-width: 3px;
- border-color: #333333;
- padding: 10px;
- }
- table {
- margin-bottom: 20px;
- }
- </style>
- <table class="one">
- <tr>
- <td class="a">cell a collapse</td>
- <td class="b">cell b collapse</td>
- </tr>
- <tr>
- <td class="b">cell b collapse</td>
- <td class="a">cell a collapse</td>
- </tr>
- </table>
- <h2>border-collapse:separate</h2>
- <table class="two">
- <tr>
- <td class="a">cell a separate</td>
- <td class="b">cell b separate</td>
- </tr>
- <tr>
- <td class="b">cell b separate</td>
- <td class="a">cell a separate</td>
- </tr>
- </table>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment