@xrilang

.idea/vcs.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+    <mapping directory="$PROJECT_DIR$/2023" vcs="Git" />
+  </component>
+</project>

2023

@@ -0,0 +1 @@
+Subproject commit 62de0086f759bc593ef44b66523921ef26aee06c

README.md

@@ -0,0 +1,8 @@
+# H5简历
+
+使用HTML+CSS+JavaScript实现的简历
+
+
+![img_1.png](img_1.png)
+
+![img.png](img.png)

index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>A4 Paper Print</title>
+    <link rel="stylesheet" href="theme.css">
     <link rel="stylesheet" href="style.css">
     <script>
         function checkScreenSize() {

style.css

@@ -1,20 +1,40 @@
+/*:root{*/
+/*    !*背景颜色*!*/
+/*    --color-background:#ead7c8;*/
+/*    !*边框颜色*!*/
+/*    --color-border: var(--color-background);*/
+/*    !*正文字体颜色*!*/
+/*    --color-font-content: #937036;*/
+/*    !*标签字体颜色*!*/
+/*    --color-tag-font:#ff6400;*/
+/*    !*标签背景颜色*!*/
+/*    --color-tag-background: #ffefe5;*/
+/*    !*圆角大小*!*/
+/*    --yuanjiao-usual:10px;*/
+/*    --yuanjiao-mini:5px;*/
+/*    !*标题字体大小*!*/
+/*    --size-font-title:24px;*/
+/*}*/
+
+
 :root{
     /*背景颜色*/
-    --color-background:#ead7c8;
+    --color-background: #fff;
     /*边框颜色*/
-    --color-border: var(--color-background);
+    --color-border: #000000;
     /*正文字体颜色*/
-    --color-font-content: #937036;
+    --color-font-content: #000;
     /*标签字体颜色*/
-    --color-tag-font:#ff6400;
+    --color-tag-font: #ffd90c;
     /*标签背景颜色*/
-    --color-tag-background: #ffefe5;
+    --color-tag-background: #000000;
     /*圆角大小*/
     --yuanjiao-usual:10px;
     --yuanjiao-mini:5px;
     /*标题字体大小*/
     --size-font-title:24px;
 }
+
 /*标签样式统一设置*/
 body {
     height: 100%;
@@ -34,7 +54,7 @@ a{
 .container{
     width: 100%;
     height: 100%;
-    padding: 2em;
+    /*padding: 2em;*/
     box-sizing: border-box;
 }
 .a4-paper {