Archivo de la etiqueta: linear-gradient

Diez atributos CSS3 imprescindibles (Primera parte 5/10)

El CSS3 es la nueva versión del lenguaje de estilos para sitios web, aunque debería ser el estándar nos encontramos muchas veces con que debemos utilizar prefijos para hacer funcionar las ultimas adiciones al lenguaje. Hoy trigo diez atributos CSS que son de mucha utilidad al hacer un sitio web moderno.

1 – Border-radius:

El atributo border-radius nos permite añadir bordes redondeados a nuestra Div, así como a otros elementos HTML (ej: inputs). La sintaxis del atributo es la siguiente:

1
2
3
4
.caja{
     border:2px solid;
     border-radius:25px;
}
.caja{
     border:2px solid;
     border-radius:25px;
}

Donde el valor da la curvatura a todos los bordes, cuanto más grande el valor mayor es la curvatura. En el caso que queramos definir la curvatura de cada uno de los bordes lo podemos hacer de la siguiente manera:

Sigue leyendo Diez atributos CSS3 imprescindibles (Primera parte 5/10)