Table Style
This commit is contained in:
parent
9da2921b74
commit
929ace25ee
|
@ -327,16 +327,30 @@ body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table{
|
||||||
.reveal table td {
|
margin: auto;
|
||||||
text-align: left;
|
border-collapse: collapse;
|
||||||
padding-right: .3em;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th{
|
.reveal table th{
|
||||||
text-shadow: rgb(255,255,255) 1px 1px 2px;
|
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 {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
}
|
}
|
||||||
|
|
30
index.html
30
index.html
|
@ -131,6 +131,36 @@
|
||||||
</ol>
|
</ol>
|
||||||
</section>
|
</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>
|
<section data-markdown>
|
||||||
<script type="text/template">
|
<script type="text/template">
|
||||||
## Markdown support
|
## Markdown support
|
||||||
|
|
Loading…
Reference in New Issue