Exemple de bordures

Ceci est un div avec une bordure solide noire.

Ceci est un div avec une bordure en tirets verts et des coins arrondis.

Ceci est un div avec une bordure uniquement en bas, de type groove.

Ceci est un div avec des coins arrondis seulement en haut à gauche et en bas à droite.


<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exemple de bordures</title>
    <style>
        /* Bordure solide autour du premier div */
        .solid-border {
            border: 3px solid black;
            padding: 10px;
            margin: 10px;
        }

        /* Bordure en tirets avec un coin arrondi */
        .dashed-border {
            border: 2px dashed green;
            border-radius: 15px;
            padding: 10px;
            margin: 10px;
        }

        /* Bordure uniquement en bas */
        .bottom-border {
            border-bottom: 4px groove blue;
            padding: 10px;
            margin: 10px;
        }

        /* Bordure avec un rayon sur les coins spécifiques */
        .custom-radius {
            border: 3px solid red;
            border-top-left-radius: 30px;
            border-bottom-right-radius: 50px;
            padding: 10px;
            margin: 10px;
        }
    </style>
</head>
<body>

    <div class="solid-border">
        Ceci est un div avec une bordure solide noire.
    </div>

    <div class="dashed-border">
        Ceci est un div avec une bordure en tirets verts et des coins arrondis.
    </div>

    <div class="bottom-border">
        Ceci est un div avec une bordure uniquement en bas, de type groove.
    </div>

    <div class="custom-radius">
        Ceci est un div avec des coins arrondis seulement en haut à gauche et en bas à droite.
    </div>

</body>
</html>