Table Style

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;
 }

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