Return to Snippet

Revision: 3333
at July 10, 2007 23:06 by fjm


Initial Code
<!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>

Initial URL
http://icant.co.uk/csstablegallery/

Initial Description
via http://icant.co.uk/csstablegallery/

Initial Title
[CSS] Tableデザインサンプル

Initial Tags
css

Initial Language
CSS