Come creare cerchi o rettangoli con gli angoli arrotondati mediante l'HTML.

L'uscita di Internet Explorer 9 ha reso finalmente un po' più semplice la creazione di codici che possano lavorare nello stesso modo con tutti i browser. Per creare dei bottoni per il blog, se volevamo renderli più professionali e con i bordi arrotondati usando solo l'HTML, dovevamo scordarci che fossero visti correttamente con Internet Explorer. Con l'ultima versione del browser Microsoft adesso le cose sono diventate più semplici e per esempio questo bottone

sarà visto con i bordi arrotondati anche con IE9. Con le versioni precedenti si continuerà a visualizzare un semplice rettangolo. Fino a poco tempo fa per creare un rettangolo con bordi arrotondati dovevamo utilizzare questi tag per indicare il raggio di curvatura. Ciascun browser aveva il suo

-moz-border-radius su Firefox
-webkit-border-radius su Safari e Chorme
border-radius su Opera

In buona sostanza dovevamo inserirli tutti e tre senza per questo poter vedere il rettangolo arrotondato su Internet Explorer. Adesso tutti i browser più recenti supportano il tag border-radius che è diventato praticamente universale. Per esempio con questo codice

<div style="height:200px;width:300px;background-color:#FDBCB7;margin:0 auto; border-radius:50px;">

si visualizzerà questa forma geometrica con tutti i browser

con l'esclusione di coloro che apriranno il post con il lettore di feed. Non sto a dire che l'altezza, la larghezza e il raggio di curvatura possono essere personalizzati a piacere, così come il colore. Se si opta per un quadrato con raggio di curvatura uguale alla metà del lato si ottiene un cerchio