From e5e3db8736f65d7f39dc2c55b84e6a9b7336df0f Mon Sep 17 00:00:00 2001 From: 6434e391c9c5b664a3babdd7 <6434e391c9c5b664a3babdd7@devide> Date: Tue, 11 Apr 2023 04:45:42 +0000 Subject: [PATCH] Auto commit --- index.html | 32 +++++++++++++++++++++++++++----- style.css | 42 +++++++++++++++++++++++++++++++++--------- 2 files changed, 60 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index 1876fca..4fd6505 100644 --- a/index.html +++ b/index.html @@ -8,10 +8,32 @@ InsCode -
- InsCode -
欢迎来到 InsCode
-
- + +
+
1.刘邦
+
2.吕雉
+
3.项羽
+
4.虞姬
+
+ +
+
伯
+
仲
+
叔
+
季
+
+ +
+
金
+
银
+
铜
+
+ + +
+
苏洵
+
苏轼
+
苏辙
+
\ No newline at end of file diff --git a/style.css b/style.css index 283cdc5..8e46ee2 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,34 @@ -html, -body { - height: 100%; - width: 100%; -} - -.container { - text-align: center; - padding: 64px; +.flex-container-row { + display: flex; + flex-direction: row; +} + +.flex-container-row-reverse { + display: flex; + flex-direction: row-reverse; +} + +.flex-container-column { + display: flex; + flex-direction: column; +} + +.flex-container-column-reverse { + display: flex; + flex-direction: column-reverse; +} + +.flex-item { + border:1px solid #fff; + height:60px; + width:60px; + text-align:center; + line-height:60px; + background: #f66; + color:white; +} + +.flex-item.blue { + border:1px solid #fff; + background: #33f; } \ No newline at end of file -- GitLab