border-radius: 5px 10px 50px 0px;
Raspored ovih brojeva je sljedeći: lijevo gore, desno gore, desno dolje, lijevo dolje.
HTML:
<html>
<head>
<title> </title>
<link href=”style.css” media=”all” type=”text/css” rel=”stylesheet”/>
</head>
<body>
<p><div id=”okvir1″></div></p>
<p><div id=”okvir2″></div></p>
<p><div id=”okvir3″></div></p>
<p><div id=”okvir4″></div></p>
<p><div id=”okvir5″></div></p>
</body>
</html>
CSS:
#okvir1 {
width: 300px;
height: 100px;
background-color: lightblue;
border-radius: 30px;
}
#okvir2 {
width: 300px;
height: 100px;
background-color: lightblue;
border-radius: 5px 10px 50px 0px;
}
#okvir3 {
width: 300px;
height: 100px;
background-color: lightblue;
border-radius: 0px 10px 50px 20px;
}
#okvir4 {
width: 300px;
height: 100px;
background-color: lightblue;
border-radius: 20px 0px 5px 30px;
}
#okvir5 {
width: 300px;
height: 100px;
background-color: lightblue;
border-radius: 10px 50px 0px 30px;
}