Difference between revisions of "Test55"

Revision as of 10:17, 29 March 2023

.blue-table {

 background-color: #f2f2f2;
 border: 1px solid #ddd;
 border-collapse: collapse;
 display: inline-block;
 margin: 20px;

}

.blue-table td {

 padding: 8px;
 text-align: center;
 border: 1px solid #ddd;

}

.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;

}

@@ 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;
+}