/ Published in: CSS
via http://icant.co.uk/csstablegallery/
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>無題ドã‚ュメント</title> <style> /* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */ table {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;} table a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;} table a:visited {color: #777;} table a:hover {color: #000;} table caption {text-align: left; text-transform: uppercase; padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;} table thead th {background: #3A4856; padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;} table tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;} table tbody {border-bottom: 1px solid #EAECEE;} table tbody td, table tbody th {padding: 10px; background: url("td_back.gif") repeat-x; text-align: left;} table tbody tr {background: #F3F5F7;} table tbody tr.odd {background: #F0F2F4;} table tbody tr:hover {background: #EAECEE; color: #111;} table tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;} </style> </head> <body> <table summary="Submitted table designs"> <caption> Table designs </caption> <thead> <tr> <th scope="col">Design Name</th> <th scope="col">Author</th> <th scope="col">Country</th> <th scope="col">Comment</th> <th scope="col">Download</th> </tr> </thead> <tfoot> <tr> <th scope="row">Total</th> <td colspan="4">85 designs</td> </tr> </tfoot> <tbody> <tr > <th scope="row" id="r84">UV Green</th> <td>Kunimichi Takahashi</td> <td>USA</td> <td>Let me know what you think.</td> <td>Download</td> </tr> </tbody> </table> </body> </html>
URL: http://icant.co.uk/csstablegallery/