Coins arrondis : exemple 2

posted in: css | 0

Quatre valeurs – border-radius: 15px 50px 30px 5px:

Trois valeurs – border-radius: 15px 50px 30px:

Deux valeurs – border-radius: 15px 50px:

Le code expliqué

<style>
#rcorners4 {
border-radius: 15px 50px 30px 5px;
background: #8AC007;
padding: 20px;
width: 200px;
height: 150px;
}
#rcorners5 {
border-radius: 15px 50px 30px;
background: #8AC007;
padding: 20px;
width: 200px;
height: 150px;
}
#rcorners6 {
border-radius: 15px 50px;
background: #8AC007;
padding: 20px;
width: 200px;
height: 150px;
}
</style>
<p>Quatre valeurs – border-radius: 15px 50px 30px 5px:</p>
<p id= »rcorners4″></p>
<p>Trois valeurs – border-radius: 15px 50px 30px:</p>
<p id= »rcorners5″></p>
<p>Deux valeurs – border-radius: 15px 50px:</p>
<p id= »rcorners6″></p>

logowebmaster1