En este artículo veremos como utilizar una técnica que se esta utilizando mucho en el Diseño web y son los bordes redondeados, anteriormente para realizar esta técnica se utilizaban imágenes, pero ahora con la llegada de CSS 3, solamente con un par de códigos se pueden obtener bordes redondeados de una sección u otra estructura de nuestro sitio web.
Para crear los bordes redondeados bastaría con añadir este código en nuestra hoja de estilos:
La clase de ejemplo la hemos catalogado como sección , El numero de pixeles nos indica la intensidad del borde, a mayor el numero el borde redondeado sera mas notorio.
Con un código como el siguiente:
Podemos generar algo como esto:
Para crear los bordes redondeados bastaría con añadir este código en nuestra hoja de estilos:
[.seccion { color:#fff; background:#47b013; padding:5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }]
La clase de ejemplo la hemos catalogado como sección , El numero de pixeles nos indica la intensidad del borde, a mayor el numero el borde redondeado sera mas notorio.
Con un código como el siguiente:
[<div class="seccion"> <p>Contenido...</p> </div>]
Podemos generar algo como esto:
Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3,
Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3, Ejemplo bordes redondeados con CSS3,
