Cajas
CategoríaDistintos tipos de cajas que se pueden realizar con CSS.
CSS: Color y Background
La propiedad CSS background te permite controlar el color de fondo de cualquier elemento, indicarlo como imagen, repitiendo la imagen de fondo verticalmente u horizontalmente y la posición de la imagen de fondo en la página. Si deseamos indicar el fondo con un color, el código CSS sería este. body {background-color: #00ff00} En este ejemplo … Lee más!
Generador de tablas HTML, Kotatsu
Cuando andamos creando tablas para nuestros proyectos, a veces deseamos tener un modo más sencillo de crear tablas ya que puede resultar engorroso tener que andar cada dos por tres poniendo las etiquetas <table><td>… Así que en esta entrada os mostramos una herramienta muy útil para poder crear nuestras tablas de forma fácil. La interfaz … Lee más!
Columnas con la misma altura mediante CSS
Siempre queremos que el diseño de nuestro sitio web tengamos una tendencia absoluta a la perfección, hay a veces que no es posible (no me refiero a la sintáxis del código fuente) y, por ejemplo, las columnas de contenido no quedan a la misma altura, quedando un diseño horrible. Esto se puede arreglar con Javascript, … Lee más!
CSS: La propiedad Overflow
La propiedad overflow establece que ocurrirá si el contenido de un elemento excede su área. La propiedad overflow sirve principalmente para poder ubicar mucho contenido en un bloque que debe ser pequeño porque estropea el diseño o no lo queremos poner por otra razón. Con la propiedad overflow podremos incluirlo en un sitio más pequeño … Lee más!
Lista de trucos con CSS3
Ya anunciamos hace poco otra lista de trucos con CSS3 en donde se aprendía a crear degradados, aplicar sombra cualquier texto, bordes redondeados…, pero en esta entrada se aplican algunos más. Aquí aprenderemos a redimensionar elementos, aplicar sombra y cambiar la transparencia con CSS3. dtsv.dtse_post_1095_permalink = ‘http://www.cssblog.es/lista-de-trucos-con-css3/’; dtsv.dtse_post_1095_title = ‘Lista de trucos con CSS3′;
Ejemplos con la transparencia CSS
Aunque esto ya no esté validado por los estándares, es una excelente forma de darle transparencia a nuestras imágenes con el uso de CSS. Os mostraremos algunos ejemplos aplicados a la transparencia en CSS: Ejemplo 1: Crear una imagen con transparencia Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x … Lee más!
Crear popups con CSS
Podemos crear popups con CSS de forma fácil para mostrar la información que deseemos enseñar pero que al mismo tiempo no tengamos que ir a otra página para verla. Los protagonistas de este truco principalmente son la propiedad overflow, que hace que se muestre el elemento (visible) cuando el cursor se sitúa encima del texto … Lee más!
