ansorweb, l'ultima spiaggia

Sei in: Home >>Tutorials >>Programmazione >>Css (Cascading Style Sheets) ovvero Fogli di Stile

Box con gli angoli arrotondati


Presentiamo in questa sezione i codici CSS necessari per i box contenitori con angoli arrotondati invece dei soliti box a spigolo

Ci sono molti modi per strutturarli, in questo caso i box che si ottengono sono di tipo "elastico" nel senso che sia la lunghezza che la larghezza possono variare a seconda delle necessità, questo però implica il fatto che il numero di div necessari per la gestione della struttura è più alto che se fosse con larghezza definita da un'immagine fissa che corrisponde al bordo superiore e una che corrisponde al bordo inferiore.

in questo caso infatti abbiamo quattro immagini che corrispondono ai 4 angoli arrotondati e altre quattro che costituiscono i lati.

Si possono ottenere box con effetto piatto o 3D, per vedere i relativi codici clicca qui:

Box Piatto

Box 3D

 

powered by
Creativilab