Come modificare il bordo di un’immagine col CSS e farlo rotondo?

Per rendere il bordo di un’immagine rotondo e non rettangolare (almeno per quanto riguarda il bordo della cornice) è possibile usare il css, ed in particolare la proprietà denominata “border-radius”.

Per inserirla basta inserire all’interno della parentesi graffa (che vada a specificare col css l’elemento che ci interessa, in questo caso l’immagine) il codice

border-radius: 20px;

In questo caso ho inserito 20px ma potrebbe benissimo essere di 10px o 30px dipende solamente dal tipo di effetto che volete ottenere; per arrotondare il bordo di un’immagine col css dovrete quindi modificare la classe inserendo la proprietà “border-radius”.

Una piccola nota: non a tutti è noto, ma è possibile anche modificare il bordo dell’immagine rendendolo più rotondo inserendo al posto dei px la percentuale (20%, 30%, 50% o quella che si preferisce).