Jak uzyskać efekt elipsowatego obramowania?
Sample: http://everybodyedits.com/ [biała ramka]
w pliku .css dodajesz:
-moz-border-radius: lewa-góra prawa-góra lewy-dół prawy-dół; dla Firefoxa (oczywiście w px lub innej jednostce miary)
-web-border-radius: lewa-góra prawa-góra lewy-dół prawy-dół; dla Opery (jednostka jw.)
niestety IE8 nie wspiera tej własności
edit:
-moz-border-radius oraz -web-border-radius nie są poprawnymi własnościami CSS 2.1
-moz-border-radius Firefox (lub inne oparte na Gecko) https://developer.mozilla.org/en/css/-moz-border-radius
-webkit-border-radius lub border-radius - Safari i Chrome http://www.css3.info/preview/rounded-border/
border-radius - Opera
( border-radius jest zgodny z CSS3), więcej http://www.w3.org/TR/css3-background/#the-border-radius
W CSS 2 jest na razie standardem (jak wiadomo jest “trochę” użytkowników IE), więc trzeba by zrobić to normalnie na elementach blokowych - 3 elementu u góry i na dole, 2 elementy w środku (zawartość ramki)
[/code]
no i reszta to GIF/PNG z 4 rogów ramki i CSS.