➥ Закръглени ъгли с помоща на CSS3

В CSS3 закръгляне на ъглите се прави с тага border-radius. Преди се предприемаха различни трикове приложими за определени браузъри и нещата бяха много плачевни, но сега се случва с две думи.

#rcorners1 {
border-radius: 25px;
background: #73AD21;
padding: 20px;
width: 200px;
height: 150px;
}

#rcorners2 {
border-radius: 25px;
border: 2px solid #73AD21;
padding: 20px;
width: 200px;
height: 150px;
}

#rcorners3 {
border-radius: 25px;
background: url(paper.gif);
background-position: left top;
background-repeat: repeat;
padding: 20px;
width: 200px;
height: 150px;
}