border-radius

by Juri Rudi

HTML

<p>Valori in pixel:</p>
<p class="border_radius1 proprieta_border">Test: 1 valore</p>
<p class="border_radius2 proprieta_border">Test: 2 valori</p>
<p class="border_radius4 proprieta_border">Test: 4 valori</p>
<p>Valori in percentuale:</p>
<p class="border_radius1perc proprieta_border">Test: 1 percentuale</p>
<p class="border_radius2perc proprieta_border">Test: 2 percentuali</p>
<p class="border_radius4perc proprieta_border">Test: 4 percentuale</p>

CSS

.border_radius1 {border-radius: 20px;}
.border_radius2 {border-radius: 20px 40px;}
.border_radius4 {border-radius: 10px 20px 30px 40px;}
.border_radius1perc {border-radius: 20%;}
.border_radius2perc {border-radius: 20% 40%;}
.border_radius4perc {border-radius: 10% 20% 30% 40%;}
.proprieta_border {border: 3px solid red;}