Coins arrondis : exemple 3

posted in: css | 0

Elliptical border – border-radius: 50px/15px:

Elliptical border – border-radius: 15px/50px:

Ellipse border – border-radius: 50%:

Le code expliqué

<style>
#rcorners7 {
border-radius: 50px/15px;
background: #8AC007;
padding: 20px;
width: 200px;
height: 150px;
}
#rcorners8 {
border-radius: 15px/50px;
background: #8AC007;
padding: 20px;
width: 200px;
height: 150px;
}
#rcorners9 {
border-radius: 50%;
background: #8AC007;
padding: 20px;
width: 200px;
height: 150px;
}
</style>
<p>Elliptical border – border-radius: 50px/15px:</p>
<p id= »rcorners7″></p>
<p>Elliptical border – border-radius: 15px/50px:</p>
<p id= »rcorners8″></p>
<p>Ellipse border – border-radius: 50%:</p>
<p id= »rcorners9″></p>

logowebmaster1