diff --git a/css/reveal.css b/css/reveal.css index a9b3888ae37a75cb20b5c969740f7af2375af6a9..7e209fa8587c63e7d89f9c735529536f42bd4ca6 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -327,16 +327,30 @@ body { box-sizing: border-box; } +.reveal table{ + margin: auto; + border-collapse: collapse; + border-spacing: 0; +} + +.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; + text-align: left; + padding-right: .3em; + border-bottom: 1px solid; } -.reveal table th { - text-shadow: rgb(255,255,255) 1px 1px 2px; +.reveal table tr:last-child td{ + border-bottom: none; } + + .reveal sup { vertical-align: super; } diff --git a/index.html b/index.html index a3bfd7d3323c40a149b97472fb7c0e3d530eb951..b6e2dbd788ba92040b604e95bc6984b79cda2989 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