Zaobljeni robovi s pomočjo CSS-ja

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/

Oznake: border-radiusCSSHTMLzaobljeni robovi

  • 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…

    Odgovori
  • Abaddon

    v Ie ne dela… mozilla pa.

    Odgovori
  • Peter, popolnoma se strinjam. Dokler koda ne deluje še v IE je res več dela.

    Odgovori

Komentiraj


*