diff --git a/css/reveal.css b/css/reveal.css index a9b3888a..7e209fa8 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -327,16 +327,30 @@ body { box-sizing: border-box; } -.reveal table th, -.reveal table td { - text-align: left; - padding-right: .3em; +.reveal table{ + margin: auto; + border-collapse: collapse; + border-spacing: 0; } -.reveal table th { - text-shadow: rgb(255,255,255) 1px 1px 2px; +.reveal table th{ + text-shadow: rgb(255,255,255) 1px 1px 2px; + font-weight: bold; } +.reveal table th, +.reveal table td { + text-align: left; + padding-right: .3em; + border-bottom: 1px solid; +} + +.reveal table tr:last-child td{ + border-bottom: none; +} + + + .reveal sup { vertical-align: super; } diff --git a/index.html b/index.html index a3bfd7d3..b6e2dbd7 100644 --- a/index.html +++ b/index.html @@ -131,6 +131,36 @@ </ol> </section> + <section> + <h2>Superb Tables</h2> + <table> + <thead> + <tr> + <th>Item</th> + <th>Value</th> + <th>Quantity</th> + </tr> + </thead> + <tbody> + <tr> + <td>Apples</td> + <td>$1</td> + <td>7</td> + <tr> + <tr> + <td>Lemonade</td> + <td>$2</td> + <td>18</td> + <tr> + <tr> + <td>Bread</td> + <td>$3</td> + <td>2</td> + <tr> + </tbody> + </table> + </section> + <section data-markdown> <script type="text/template"> ## Markdown support