Site Web Orange Black

1,594 Anes_unk

Ouvrir dans l'éditeur Publiez votre code

Recommandé

25 June 2025

Un code de Mete

16 April 2026

Exemple de page d'accueil HTML pour War Thunder Mobile

13 March 2026

Tutoriel JavaScript Canvas pour le jeu du serpent

HTML

CSS

{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Arial', sans-serif;
    background-color: #000;
    color: #e0e0e0;
    line-height: 1.6;
    padding: 0;
    margin: 0;
}

header {
    background-color: #0a0a0a;
    padding: 20px 50px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.9);
}

header h1 {
    color: #ff6f61;
    font-size: 2.5em;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 2px;
    margin-bottom: 15px;
    border-bottom: 2px solid #ff6f61;
}

nav ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin-top: 15px;
}

nav ul li {
    display: inline-block;
    margin: 0 15px;
}

nav ul li a {
    color: #e0e0e0;
    text-decoration: none;
    font-size: 1.1em;
    padding: 8px 20px;
    border-radius: 5px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

nav ul li a:hover {
    background-color: #ff6f61;
    color: #fff;
    box-shadow: 0 0 15px rgba(255, 111, 97, 0.8);
}

footer {
    background-color: #0a0a0a;
    text-align: center;
    padding: 20px 20px;
    margin-top: 50px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.9);
}

footer p {
    color: #e0e0e0;
    font-size: 1em;
}

@media (max-width: 768px) {
    header h1 {
        font-size: 2.2em;
    }

nav ul li {
        display: block;
        margin: 10px 0;
    }
}