Modello HTML della pagina di errore 404

22 logicaldata570

Apri nell'Editor Pubblica il Tuo Codice

Consigliato

30 March 2025

Effetto di confusione del testo

2 February 2025

Un codice di yefersonsotohenao

17 April 2025

Un codice di Metehan

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Invalid Page</title>
  <style>
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: 'Helvetica Neue', sans-serif;
      background: linear-gradient(135deg, #000, #111);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      cursor: pointer;
    }

.center-text {
      background: rgba(0, 0, 0, 0.8);
      border: 1px solid #ff4d4d;
      color: #ff4d4d;
      font-weight: bold;
      padding: 20px 40px;
      border-radius: 12px;
      font-size: 2.2rem;
      text-align: center;
      box-shadow: 0 0 20px rgba(255, 77, 77, 0.3);
      transition: 0.2s ease;
    }

.center-text:hover {
      background: rgba(255, 77, 77, 0.1);
      box-shadow: 0 0 25px rgba(255, 77, 77, 0.4);
    }
  </style>
</head>
<body>
  <div class="center-text" onclick="location.reload()">Invalid Page - 404</div>
</body>
</html>

Modello HTML della pagina di errore 404

Consigliato

Effetto di confusione del testo

Un codice di yefersonsotohenao

Un codice di Metehan

HTML

CSS

JS

Consigliato

Effetto di confusione del testo

Un codice di yefersonsotohenao

Un codice di Metehan

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS