Line 1: |
Line 1: |
− | <nowiki>Insert non-formatted text here</nowiki>
| + | .blue-table { |
− | <div class="blue-table">
| + | background-color: #f2f2f2; |
− | <table> | + | border: 1px solid #ddd; |
− | <tr>
| + | border-collapse: collapse; |
− | <td><a href="#">Tab 1</a></td>
| + | display: inline-block; |
− | <td><a href="#">Tab 2</a></td>
| + | margin: 20px; |
− | <td><a href="#">Tab 3</a></td>
| + | } |
− | <td><a href="#">Tab 4</a></td>
| + | |
− | <td><a href="#">Tab 5</a></td>
| + | .blue-table td { |
− | <td><a href="#">Tab 6</a></td>
| + | padding: 8px; |
− | <td><a href="#">Tab 7</a></td>
| + | text-align: center; |
− | </tr>
| + | border: 1px solid #ddd; |
− | </table> | + | } |
− | </div>
| + | |
| + | .blue-table td a { |
| + | color: #0080ff; |
| + | text-decoration: none; |
| + | font-weight: bold; |
| + | } |
| + | |
| + | .blue-table td:hover { |
| + | background-color: #0080ff; |
| + | } |
| + | |
| + | .blue-table td:hover a { |
| + | color: #fff; |
| + | } |