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; | |
− | }
| |