hongshi-files commited on
Commit
6a4188d
·
verified ·
1 Parent(s): 1b97506

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +18 -2
index.html CHANGED
@@ -8,13 +8,14 @@
8
  font-family: Arial, sans-serif;
9
  margin: 0;
10
  padding: 0;
11
- background-color: #f4f4f4;
12
  }
13
  header {
14
  background-color: #4CAF50;
15
  color: white;
16
  padding: 10px 0;
17
  text-align: center;
 
18
  }
19
  nav {
20
  width: 200px;
@@ -24,6 +25,7 @@
24
  top: 0;
25
  left: 0;
26
  padding-top: 20px;
 
27
  }
28
  nav a {
29
  color: white;
@@ -31,6 +33,8 @@
31
  display: block;
32
  padding: 10px;
33
  text-align: center;
 
 
34
  }
35
  nav a:hover {
36
  background: #575757;
@@ -38,6 +42,10 @@
38
  main {
39
  margin-left: 220px;
40
  padding: 20px;
 
 
 
 
41
  }
42
  table {
43
  width: 100%;
@@ -51,12 +59,16 @@
51
  text-align: left;
52
  }
53
  th {
54
- background-color: #4CAF50;
55
  color: white;
56
  }
57
  tr:nth-child(even) {
58
  background-color: #f2f2f2;
59
  }
 
 
 
 
60
  </style>
61
  </head>
62
  <body>
@@ -76,6 +88,10 @@
76
  <td><a href="gdyg/index.html">孤独摇滚</a></td>
77
  <td>2024-10-30 22:53:01</td>
78
  </tr>
 
 
 
 
79
  <tr>
80
  <td><a href="file1.html">文件1</a></td>
81
  <td>2024-10-30 22:55:03</td>
 
8
  font-family: Arial, sans-serif;
9
  margin: 0;
10
  padding: 0;
11
+ background: linear-gradient(120deg, #f0f0f0, #e0e0e0);
12
  }
13
  header {
14
  background-color: #4CAF50;
15
  color: white;
16
  padding: 10px 0;
17
  text-align: center;
18
+ border-bottom: 3px solid #388E3C;
19
  }
20
  nav {
21
  width: 200px;
 
25
  top: 0;
26
  left: 0;
27
  padding-top: 20px;
28
+ transition: background 0.3s ease;
29
  }
30
  nav a {
31
  color: white;
 
33
  display: block;
34
  padding: 10px;
35
  text-align: center;
36
+ border-radius: 4px;
37
+ transition: background 0.3s ease;
38
  }
39
  nav a:hover {
40
  background: #575757;
 
42
  main {
43
  margin-left: 220px;
44
  padding: 20px;
45
+ background: white;
46
+ border-radius: 8px;
47
+ box-shadow: 0 0 10px rgba(0,0,0,0.1);
48
+ animation: fadeIn 1s ease-in-out;
49
  }
50
  table {
51
  width: 100%;
 
59
  text-align: left;
60
  }
61
  th {
62
+ background: #4CAF50;
63
  color: white;
64
  }
65
  tr:nth-child(even) {
66
  background-color: #f2f2f2;
67
  }
68
+ @keyframes fadeIn {
69
+ from {opacity: 0;}
70
+ to {opacity: 1;}
71
+ }
72
  </style>
73
  </head>
74
  <body>
 
88
  <td><a href="gdyg/index.html">孤独摇滚</a></td>
89
  <td>2024-10-30 22:53:01</td>
90
  </tr>
91
+ <tr>
92
+ <td><a href="folder2/index.html">文件夹2</a></td>
93
+ <td>2024-10-30 22:54:12</td>
94
+ </tr>
95
  <tr>
96
  <td><a href="file1.html">文件1</a></td>
97
  <td>2024-10-30 22:55:03</td>