Posted By

fjm on 07/10/07

Tagged

Versions (?)

Last Edited at 07/10/07 11:06pm

Statistics

Viewed 754 times

Favorited by 0 user(s)

Related snippets

[CSS] Tableãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«

/ 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/

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.