|
|
| 第1行： |
第1行： |
| .rotable {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
|
| .rotable caption {
| |
| font-size: 2em;
| |
| font-weight: bold;
| |
| margin: 1em 0;
| |
| }
| |
|
| |
| .rotable th,
| |
| .rotable td {
| |
| border: 1px solid #999;
| |
| text-align: center;
| |
| padding: .4em 0;
| |
| }
| |
|
| |
| .rotable th {
| |
| background-color: #dfe3f3;
| |
| color: #fff;
| |
| }
| |
|
| |
| .rotable tr:first-child th {
| |
| background-color: #bac3ed;
| |
| color: #fff;
| |
| }
| |
|
| |
| .rotable tbody tr:nth-child(odd) {
| |
| background-color: #eee;
| |
| }
| |
|
| |
| .rotable tbody tr:hover {
| |
| background-color: #ccc;
| |
| }
| |
|
| |
| .rotable tbody tr td:first-child {
| |
| color: #f40;
| |
| }
| |
