Publicado el Jueves, 5 de marzo del 2009 por David Táboas
Bordes redondeados con CSS
Si queréis redondear bordes de elementos en vuestros diseños, no siempre hay que utilizar imágenes. En CSS existe una propiedad de los elementos que redondea los bordes de las cajas. Lo malo de esta propiedad es que solo sirve para navegadores como Firefox y Safari (o basados en WebKit).
CSS:
-
.curved {
-
-moz-border-radius: 10px; /* Firefox y similares */
-
-webkit-border-radius: 10px; /* Navegadores basados en WebKit: Safari, Chrome, etc */
-
}
Esta propiedad podéis usarla en las variantes de la posición de los vértices: por ejemplo: -moz-border-radius-left, -webkit-moz-border-radius-left.
Posts relacionados
- Tutorial hacer botón 2.0 en Gimp
- Decorar imágenes con diferentes elementos mediante CSS
- 50 Tutoriales en CSS3 para Diseñadores
2 Comentarios
Deja un comentario
[...] de CSS: Bordes redondeados y Transparencias - Sencillos y efectivos tutoriales tanto para el programador avanzado como para el [...]
y para internet explorer 7 ?