| <!DOCTYPE html> |
| <html lang="zh-CN"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>网盘页面</title> |
| <style> |
| body { |
| font-family: Arial, sans-serif; |
| margin: 0; |
| padding: 0; |
| background-color: #f4f4f4; |
| } |
| header { |
| background-color: #4CAF50; |
| color: white; |
| padding: 10px 0; |
| text-align: center; |
| } |
| nav { |
| width: 200px; |
| background: #333; |
| height: 100vh; |
| position: fixed; |
| top: 0; |
| left: 0; |
| padding-top: 20px; |
| } |
| nav a { |
| color: white; |
| text-decoration: none; |
| display: block; |
| padding: 10px; |
| text-align: center; |
| } |
| nav a:hover { |
| background: #575757; |
| } |
| main { |
| margin-left: 220px; |
| padding: 20px; |
| } |
| table { |
| width: 100%; |
| border-collapse: collapse; |
| } |
| table, th, td { |
| border: 1px solid #ddd; |
| } |
| th, td { |
| padding: 8px; |
| text-align: left; |
| } |
| th { |
| background-color: #4CAF50; |
| color: white; |
| } |
| tr:nth-child(even) { |
| background-color: #f2f2f2; |
| } |
| </style> |
| </head> |
| <body> |
| <header> |
| <h1>网盘</h1> |
| </header> |
| <nav> |
| <a href="#">主页</a> |
| </nav> |
| <main> |
| <table> |
| <tr> |
| <th>名称</th> |
| <th>修改时间</th> |
| </tr> |
| <tr> |
| <td><a href="gdyg/index.html">孤独摇滚</a></td> |
| <td>2024-10-30 22:53:01</td> |
| </tr> |
| <tr> |
| <td><a href="file1.html">文件1</a></td> |
| <td>2024-10-30 22:55:03</td> |
| </tr> |
| <tr> |
| <td><a href="file2.html">文件2</a></td> |
| <td>2024-10-30 22:56:04</td> |
| </tr> |
| </table> |
| </main> |
| </body> |
| </html> |
|
|
