Added by sonik on 02-05-2017 and keywords: round, corners, border, css, 3, кръгли, ъгли, цсс, 3 [
Print Article ]
В 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;
}