TP 10 - Exercice 2

<!DOCTYPE html>
<html>
<head>
    <title>TP10 - Exercice 1</title>
    <meta charset="utf-8">
    <style type="text/css">
        .carre {
            width: 100px;
            height: 100px;
            margin-right: 20px;
            margin-bottom: 20px;
            float: left;
        }
        .cercle {
            border-radius: 50%;
        }
        .arrondi {
            border-radius: 20px;
        }
        .contour {
            border: 4px dashed #16a085;
            width: 92px;
            height: 92px;
        }
        .clear {
            clear: both;
        }
        .couleur1 {
            background-color: #c0392b;
        }
        .couleur2 {
            background-color: #16a085;
        }
        .couleur3 {
            background-color: #f1c40f;
        }
        .couleur4 {
            background-color: #e67e22;
        }
        .couleur5 {
            background-color: #2980b9;
        }
    </style>
</head>
<body>
    <div class="carre couleur1"></div>
    <div class="clear"></div>

    <div class="carre couleur2 cercle"></div>
    <div class="carre couleur3"></div>
    <div class="clear"></div>

    <div class="carre couleur4 arrondi"></div>
    <div class="carre contour"></div>
    <div class="carre couleur5 "></div>
    <div class="clear"></div>
</body>
</html>