Ena najboljših CSS3 funkcij je border-radius oziroma zaobljeni robovi.
Tako nam ne bo treba več uporabljati zapletenih konstrukcij tabel ali div polj, kjer smo s pomočjo slik ustvarjali željen rezultat. Uporabili bomo enostaven zapis v CSSju in tako prihranili veliko časa.
Trenutno zadeva deluje samo na nekaterih brskalnikih – Mozilla in Safari.
Primer:
Test
Primer kode:
<div style="background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;" >Test </div>
Več informacij:
http://www.css3.info/preview/rounded-border/
http://www.the-art-of-web.com/css/border-radius/
Peter
A ni potem lažje, da enostavno slikico razrežeš in jo porazdeliš, kot pa da delaš to kodo za mozillo in Safari, za IE pa kaj? potem moreš narediti še pogoj, da če je IE ti pa pokaže staro kodo, kar pomeni samo še več dela…
Abaddon
v Ie ne dela… mozilla pa.
Jiga
Peter, popolnoma se strinjam. Dokler koda ne deluje še v IE je res več dela.