index.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>🚀🔥URL 大师!!!🔥🚀</title>
  7. <style>
  8. body {
  9. font-family: Arial, Helvetica, sans-serif;
  10. margin: 0;
  11. padding: 0;
  12. background-color: #f5f5f5;
  13. }
  14. h1 {
  15. text-align: center;
  16. font-size: 36px;
  17. margin: 30px 0;
  18. background-image: linear-gradient(to right, #FF0000 0%, #FF7F00 15%, #FFFF00 30%, #00FF00 45%, #0000FF 60%, #4B0082 75%, #8F00FF 100%);
  19. -webkit-background-clip: text;
  20. -webkit-text-fill-color: transparent;
  21. text-shadow: 2px 2px #ccc;
  22. }
  23. table {
  24. border-collapse: collapse;
  25. width: 100%;
  26. border: 1px solid #ddd;
  27. background-color: white;
  28. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  29. margin: 30px 0;
  30. }
  31. th, td {
  32. text-align: left;
  33. padding: 12px;
  34. border: 1px solid #ddd;
  35. }
  36. th {
  37. background-color: #007bff;
  38. color: white;
  39. }
  40. tr:nth-child(even) {
  41. background-color: #f2f2f2;
  42. }
  43. a {
  44. text-decoration: none;
  45. color: #ff5733;
  46. transition: color 0.3s ease-in-out;
  47. }
  48. a:hover {
  49. color: #ffa700;
  50. text-shadow: 1px 1px #ccc;
  51. }
  52. code {
  53. font-size: 18px;
  54. display: block;
  55. margin-top: 50px;
  56. text-align: center;
  57. color: #007bff;
  58. font-weight: bold;
  59. text-transform: uppercase;
  60. background-color: #f8f9fa;
  61. border-radius: 5px;
  62. padding: 10px;
  63. }
  64. .yellow {
  65. color: #ffa700;
  66. }
  67. .green {
  68. color: #28a745;
  69. }
  70. .pink {
  71. color: #e83e8c;
  72. }
  73. @media only screen and (max-width: 768px) {
  74. /* 在屏幕宽度小于 768 像素时应用以下样式 */
  75. h1 {
  76. font-size: 28px;
  77. }
  78. table {
  79. font-size: 14px;
  80. }
  81. code {
  82. font-size: 16px;
  83. }
  84. }
  85. </style>
  86. </head>
  87. <body>
  88. <h1>URL 大师</h1>
  89. <table>
  90. <thead>
  91. <tr>
  92. <th>项目</th>
  93. <th>介绍</th>
  94. <th>备注</th>
  95. </tr>
  96. </thead>
  97. <tbody>
  98. <tr>
  99. <td><a href="https://github.com/icesovereign/ids" target="_blank" rel="noopener" class="yellow">IDS官方库</a></td>
  100. <td>IDS官方库</td>
  101. <td> </td>
  102. </tr>
  103. <tr>
  104. <td><a href="https://github.com/icesovereign/ids" target="_blank" rel="noopener" class="yellow">修改了pom2</a></td>
  105. <td>IDS官方库</td>
  106. <td>&#8986;&#8986;&#8986;</td>
  107. </tr>
  108. </tbody>
  109. </table>
  110. <code>本网站基于IDS2.0开发,仅供演示和学习使用。更多资源请访问<a href="#" class="green">官方网站</a>或<a href="#" class="pink">社区论坛</a>。</code>
  111. </body>
  112. </html>