Correction exercices les sélecteurs simples en CSS : Série 02

Sommaire

1- Exercice 01
1.1- Énoncé
1.2- Solution
1.2.1- Cours CSS

Correction exercices les sélecteurs simples en CSS : Série 02

Exercice 01

Énoncé

Vous pouvez visualiser l’énoncé de l’exercice

Solution

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>mes premier pas en css</title>
    <a href="http://www.w3.org/html/logo/">
   
 <style>
div{background: linear-gradient(#e5e5e5, white);;
    width: 540px;
    padding-top: 20px;
    border-radius: 6px;}
legend{
    background-color:#aaaaaa;
    color:white;
    border-radius: 6px;
    width:26%;
    margin-left: 20px;
    padding-left: 20px;

    }
    fieldset{
       border-radius: 10px;
       border:none;
       width: 480px;
       margin-left: 20px;
       background-color:white;
    }
    input{
        padding: 10px;
        width: 200px;
        border-radius: 6px;
        border: solid 1px silver;
        margin-top: 6px;
   }
   .submit{
         background-color:#ee6600;
         border-radius: 6px;
         color:white;
  }
  html{
	font-family: verdana ;
 }
 </style>
</head>
<body>
   
<div>
         <form>
            <fieldset>
                <legend><h3>Inscription:</h3></legend>
            <table>
            
                <tr>
                <td><label for="prenom">Prénom:</label></td>
                          <td><input type="text" id="prenom" placeholder="Saisire votre prénom" required><br></td>
                </tr>
                <tr>
                    <td><label for="nom">Nom:</label></td>
                              <td><input type="text" id="nom" placeholder="Saisire votre nom" required><br></td>
                    </tr>

                 <tr>
                     <td><label>Date de naissance:</label></td>
                     <td><input type="date" placeholder="Saisire votre date de naissance"></td>
                 </tr>

                 <tr>
                    <td><label>Adresse E-mail:</label></td>
                    <td><input type="email" placeholder="Saisire votre E-mail" required></td>
                </tr>

                <tr>
                    <td><label>Mot de passe:</label></td>
                    <td><input type="password" placeholder="Saisire votre mot de passe" required></td>
                </tr>

                <tr>
                    <td><label>Confirme:</label></td>
                    <td><input type="password" placeholder="confirme votre mot de passe" required></td>
                </tr>

                <tr>
                 <td></td>   <td><input type="submit" name="btnEnvoyer" value="S'inscrire" class="submit"></td>
                </tr>
            </fieldset>
            </table>
</form>
</div>        
</body>
</html>

Exercices les sélecteurs Série 01

Exercices les sélecteurs Série 03

Cours CSS

Les cours

Introduction aux Systèmes d’Information Décisionnels

Les cours

Introduction aux Systèmes d’Information Décisionnels

CSS

Correction exercices les sélecteurs simples en CSS : Série 02

Correction exercices les sélecteurs simples en CSS : Série 02

Exercice 01

Énoncé

Solution

Cours CSS

Comment installer l'application Web bWAPP

Comment vider tout le cache dans Windows 10

Laisser un commentaire Annuler la réponse

Cours informatique à domicile et à distance
Nous sommes là pour vous aider

Les cours

Introduction aux Systèmes d’Information Décisionnels

Les cours

Introduction aux Systèmes d’Information Décisionnels

CSS

Correction exercices les sélecteurs simples en CSS : Série 02

Exercice 01

Énoncé

Solution

Cours CSS

Comment installer l'application Web bWAPP

Comment vider tout le cache dans Windows 10

Ces articles pourraient aussi vous intéresser

Les pseudo-éléments en CSS

Examen 5 en HTML , CSS et Bootstrap

Exercices en CSS les sélecteurs Série 04

Laisser un commentaire Annuler la réponse