prova

Settare angoli Arrotondati Css (senza Immagini)

« Older Newer »

Share

.

Posted on 18/2/2012, 09:59

.

Senior Member

Group: Admin

Posts: 27,291

Status: Anonymous

Se volete creare un box colorato con angoli arrotondati senza immagini ecco come fare, con un semplice code css e uno Span:

CODICE

<span style="display:block;background-color: border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:#000;color:#fff; Width:50%">Testo</span>

E modificate il codice a vostro piacimento modificando Border-radius(ampiezza angolo curvato) etc...
Esempio:

Testo

Con 3 angoli arrotondati:

CODICE

<span style="display:block;background-color: border-radius: 10px 10px 10px 0; -moz-border-radius: 10px 10px 10px 0; -webkit-border-radius: 10px 10px 10px 0; background-color:#000;color:#fff; Width:50%">Testo</span>

Per modificare l'angolo non retto basterà modificare la posizione dello 0 e dove stava lo zero dovrete mettere la vostra grandezza.

Esempio:

Testo

Con 2 angoli arrotondati:

CODICE

<span style="display:block;background-color: border-radius: 10px 10px 0px 0; -moz-border-radius: 10px 10px 0px 0; -webkit-border-radius: 10px 10px 0px 0; background-color:#000;color:#fff; Width:50%">Testo</span>

Vi basterà Fare le stesse cose scritte prima.

Esempio:

Testo

Con un angolo arrotondato:

CODICE

<span style="display:block;background-color: border-radius: 10px 0px 0px 0; -moz-border-radius: 10px 0px 0px 0; -webkit-border-radius: 0px 10px 0px 0; background-color:#000;color:#fff; Width:50%">Testo</span>

Vi basterà Fare le stesse cose scritte prima.

Esempio:

Testo

Sempice no?
Ora provateci e per qualunque problema potrete chiedere qui

Web

.

0 replies since 18/2/2012, 09:59 85 views

Share

.