(☆▽☆) 日常练习

linyisonger · Jun 18, 2024 · 86ed7c7 · 86ed7c7
1 parent eea7ac8
commit 86ed7c7
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 0 deletions.
diff --git a/069.table 表格合并.html b/069.table 表格合并.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./assets/global.css">
+
+    <style>
+        .table-line {
+            border-top: 1px solid #000;
+            border-left: 1px solid #000;
+            border-collapse: collapse;
+
+        }
+
+        .table-line td {
+            border-right: 1px solid #000;
+            border-bottom: 1px solid #000;
+            min-width: 100px;
+            text-align: center;
+        }
+    </style>
+</head>
+
+<body>
+    <table class="table-line">
+        <tr>
+            <td rowspan="2">A</td>
+            <td rowspan="2">B</td>
+            <td colspan="5">C</td>
+        </tr>
+        <tr>
+            <td>C1</td>
+            <td>C2</td>
+            <td>C3</td>
+            <td>C4</td>
+            <td>C5</td>
+        </tr>
+
+    </table>
+</body>
+
+</html>
diff --git a/examples.txt b/examples.txt
@@ -66,4 +66,5 @@
 066.猜位置.html
 067.粒子扩散效果.html
 068.Cavnas 盒子连线.html
+069.table 表格合并.html
 index.html