Entradas

Mostrando las entradas de diciembre, 2016

Bordes con CSS

Imagen
La propiedad border nos permite definir de golpe los 4 bordes de los 4 respectivos lados de un elemento <div>, su sintaxis es muy sencilla por ejemplo: border: solid 2px blue; en esta ocasión estaríamos diciendo que deseamos un borde solido  (solid) general para los 4 lados con un grosor de 2px y que este borde sea de un color Azul  (blue). Si deseamos asignar valores diferentes a los 4 lados de nuestro elemento debemos utilizar la propiedad border-top ( asignar un valor al borde de arriba ), border-bottom  ( asignar un valor al borde de abajo ), border-left  ( asignar un valor al borde izquierdo ). border-right  ( asignar un valor al borde derecho ). A cada propiedad podemos asignar estilo, grosor y color diferente. Si deseamos asignar cada uno de estos valores por separado podemos asignarlos de la siguiente manera: Este valor  solid es el estilo que nosotros queremos darle a nuestro borde, tambien podemos colocarlo por separado si ...

Scroll con la propiedad Overflow

Imagen
Cuando deseamos realizar un contenido de texto dentro de un elemento <div> con una medida de altura fija de este elemento, se nos presenta un inconveniente a la hora de mostrar nuestro contenido, ya que si deseamos cambiar la cantidad de texto de este se nos saldrá de nuestro elemento <div>, puesto que el estándar de CSS 2.1 indica que cuando el contenido de un elemento no cabe dentro del mismo este se tendrá que mostrar sin importar que este se solape con los elementos adyacentes.   y visualmente no sera agradable.  Para solucionar este problema existe la propiedad overflow, que nos permite modificar este comportamiento por defecto de los elementos. El valor por defecto de esta propiedad es overflow: visible, que es la que permite que el texto de este elemento se solape.  Nos podemos encontrar también con el valor hidden (overflow: hidden), permitiendo que el texto que se sale de nuestro elemento s...

Insertar imagen con CSS

Imagen
A la hora de insertar una imagen en nuestro sitio web podemos realizar este evento de diferentes maneras y una de ellas es con CSS, utilizando la propiedad CSS  [ Background-img], Con ella le daremos la dirección donde se encuentra nuestra imagen esta dirección debe de ir dentro de los paréntesis  de la palabra url()  quedando de la sigueinte manera [Background-img: url( dirección imagen )],  ahora con la propiedad [Background-size] vamos a redimensionar el tamaño de la imagen con la palabra cover, esta propiedad nos permite obtener un tamaño mayor de la imagen que ocupara toda el área especificada por nosotros. En el siguiente enlace podrán descargar un ejemplo de esta propiedad. Descargar Ver ejemplo:

Tema Material Design para Bootstrap

Imagen
El diseño de material de Bootstrap es un tema de Bootstrap 3 que le permite utilizar el nuevo diseño de material de Google en su marco favorito de front-end. Para descargar este tema puedes descargarlo en el siguiente enlace. Descargar O visita su pagina principal :  Ir a la pagina