9. 7. 2009

CSS3 borders, border-radius

Na všetky tie zaoblené rohy už nebudú obrázky potrebné.

CSS

background-color: #f7f7f7;
border-radius: 5px;
border: 1px solid #777;
padding: 10px;


Výsledok

Zaoblenie rohov.

Môžeme zaobliť len tie rohy, ktoré potrebujeme, napr.:

CSS

background-color: #f7f7f7;
border-radius-topleft: 5px;
border-radius-bottomright: 5px;
border: 1px solid #777;
padding: 10px;


Výsledok

Zaoblenie len niektorých rohov.

Zdroj: css3.info