Riquadri con Angoli Smussati, [ Html - Css ]

« Older   Newer »
  Share  
Shinichi˜
view post Posted on 21/10/2010, 21:20




Riquadri con Angoli Smussati, [ Html - Css ]



CITAZIONE (°RANSIE° @ 2/4/2009, 15:12)
Ecco il codice per ottenere questo rettangolino smussato.
Potete personalizzarlo cambiando i colori, il font, il raggio, il bordo ecc.

Prova Prova Prova

CODICE
<div style=" background-color: #cddadf; -moz-border-radius: 9px; -webkit-border-radius: 9px; border: 1px dashed #ffffff; padding: 4px; width: 170px; color: #ffffff; font-size: 10px; font-family: verdana; text-align: center;" >Prova Prova Prova</div>


Se volete potete anche decidere di arrotondare un solo lato così:


Prova Prova Prova

CODICE
<div style=" background-color: #cddadf; -moz-border-radius-topleft: 9px; -webkit-border-radius: 9px; border: 0; padding: 4px; width: 170px; color: #ffffff; font-size: 10px; font-family: verdana; text-align: center;" >Prova Prova Prova</div>


Oppure due così:

Prova Prova Prova

CODICE
<div style=" background-color: #cddadf; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-radius: 9px; border: 0; padding: 4px; width: 170px; color: #ffffff; font-size: 10px; font-family: verdana; text-align: center;" >Prova Prova Prova</div>


Questi sono i codici corrispondenti ad ogni lato:
CODICE
-moz-border-radius-topleft:
-moz-border-radius-topright:
-moz-border-radius-bottomleft:
-moz-border-radius-bottomright:

 
Top
XDinky
view post Posted on 21/10/2010, 21:44




questa mi serve per la firma grazie :^.^:

Edited by Shinichi˜ - 21/10/2010, 22:46
 
Top
1 replies since 21/10/2010, 21:20   532 views
  Share