Bordi arrotondati con Css

[mesk8]

Magari qualcuno lo sa già da tempo... cmq qualcuno di voi si sarà posto a volte il problema di creare dei box con dei bordi arrotondati, ora la soluzione sembra che ci sia (ovviamente a supportarli x ora è solo Safari e Firefox)

provare x credere cmq, anche x semplice curiosità

fonte Html.it

ciao a tutti

[Coach]

Ciao mesk8,
purtroppo come dici... non sono supportati da tuttii browser, quinid per ora non è una soluzione

.

[videoai]

infatti, per ora suggerisco il vecchio metodo del box con background, o meglio:
suddividiamo l'immagine del box in tre parti: una superiore che comprenda i primi due angoli in alto, una inferiore (idem)e una centrale, alta anche solo un pixel ma larga quanto tutto il box. (talvolta non è nemmeno necessaria quest'ultima se la grafica del box è particolarmente semplice e ha solo un bordo colorato.

facciamo poi un box con una lista interna (se ci sono liste) o comunque con l'elemento che ci interessa internamente (quindi anche un <p> volendo) in questo modo:

<div class="box">
<ul>
<li>Prima voce</li>
<li class="ultima">Seconda voce</li>
</ul>
</div>

assegnamo al div box come sfondo la prima immagine, non ripetuta.
assegnamo agli elementi lista lo sfondo della seconda immagine, RIPETUTA.
assegnamo all'elemento lista con classe "ultima" l'ultima immagine.

assegnamo ovviamente i giusti padding, margin e height e abbiamo il nostro box.
se usiamo invece come elemento interno un <p> e non una lista basta che facciamo la stessa cosa aggiungendo però alla fine, prima della chiusura del div box, un div "ultima" che faccia la stessa cosa dell'ultimo elemento di lista già visto sopra.

spero di essere stata utile

[irony.it]

Ci sono molte tecniche CSS per ottenere l'effetto rounded corner.
Tra i migliori vi segnalo:

http://www.spiffycorners.com/
http://spiffybox.com/
http://www.editsite.net/blog/rounded_corners.html
http://www.vertexwerks.com/tests/sidebox/

[videoai]

La 2° e la 4° non sono altro che quella che ho spiegato io.
La terza la trovo molto pesante nonchè complicata.
invece la prima è molto carina e leggera, mi sfugge ancora come funzioni ma il codice è leggerissimo, secondo me è da provare se non devi usare un box particolarmente "graficato".