Zaobljeni coskovi na tabelama


Kratko uputstvo kako napraviti "rounded corners" na tebelama



Potrebno je osnovno znanje HTML i CSS koda. Tutoriale mozete pogledate ovdje: HTML, CSS . Nakon sto ste proucili HTML i CSS kod, otvorite neki novi PAGE na wikispaces-u.

U Editor panelu kliknite na Embed Widget
001.gif
Embed Widget


Nakon toga ce se otvorite sledeci panel i kliknite na Other HTML:
002.gif
Other HTML


Otvara se sledeci panel:

003.gif

U zaokruzenom dijelu pisete HTML i CSS kod i nakon unijetog koda kliknete na dugme SAVE. Konkretno da bi dobili box koji ima zaobljene coskove potrebno je unijeti sledece:
<div style="background:#eeeeee; padding:10px 20px 20px; border:1px solid #cccccc; -webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin:10px 0;">
 
<h1>Primjer</h1>
</br>
Ovo je primjer tabele sa zaobljenim coskovima</div>

Prethodnim kodom smo dobili sledece:

Primjer


Ovo je primjer tabele sa zaobljenim coskovima


Da bi dobili vec ili manju zaobljenost coskova potrebno je samo povecati ili smanjiti sledeci dio koda:
-moz-border-radius: 10px  **Napomena: Zaobljenost raste kako povecavate ovu vrijednost.**