| Line 1: |
Line 1: |
| − | .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; | |
| − | }
| |