Ejemplos de CSS

Inicio » CSS
Listado de todos los artículos en la categoría CSS.

Ejemplos de Fondo fijo en CSS

Alguna vez te has preguntado cómo se hacen los fondos de las páginas que no caminan, es decir, que cuando recorres para leer el texto el fondo se queda fijo. Pues aquí te tengo la solución para poner un fondo fijo con CSS.   html {         background: url(img/bg.jpg) no-repeat center center fixed;         -webkit-background-size:... Seguir leyendo

Ejemplos de Botón Formulario en CSS

Cuando hacemos un formulario en HTML tenemos la necesidad de hacerlo atractivo para que el usuario no se sienta incomodo con un formulario con un pésimo diseño, para debemos programar en CSS una serie de instrucciones para poder ver un botón bonito y atractivo hacia nuestros usuarios, el código a introducir es el siguiente: <style type="text/css"> <!-- .boton {     font-family: Arial, Helvetica, sans-serif;    ... Seguir leyendo

Ejemplos de Botón de Formulario en CSS

Cuando queremos que nuestro usuario vea un botón atractivo en nuestro formulario tenemos la etiqueta: <input type=”image”> Pero siempre nos quedan los bordes de los botones comunes en formularios, para corregir este problema solo debemos agregar este codigo style="margin-left:10px; cursor: hand; cursor: pointer; border: 0px none;" Quedando como resultado el siguiente código: <input type="image"... Seguir leyendo

Ejemplos de Cursor de Ayuda con CSS

Cuando tenemos un apartado de “ayuda” en nuestro sitio queremos que se vea bien, como una aplicación común del Sistema Operativo y necesitamos que cuando el cursor se sitúe sobre el enlace cambie el cursor al de “Ayuda”, con el código siguiente pueden lograrlo: <a href="ayuda-CSS.htm" style="cursor:help;">Ayuda CSS</a> Cabe mencionar que el código; style="cursor:help;"> puede aplicarse... Seguir leyendo

Ejemplos de Borde en CSS

Las hojas de estilo nos permiten colocar un borde a los elementos de las páginas web. En este ejemplo vemos todas las propiedades del borde aplicadas al tag <p>. <html> <head> <style type="text/css"> p { border: medium double rgb(250,0,255) } </style> </head> <body> <p>Texto rodeado por borde en CSS</p> </body> </html>... Seguir leyendo

Ejemplos de Justificar, centrar y alinear a la derecha con CSS

Las hojas de estilo nos permiten alinear a la izquierda, derecha, centrar y justificar un texto. Aquí les dejo el ejemplo: <html> <head> <style type="text/css"> h1 {text-align: center} h2 {text-align: left} h3 {text-align: right} h4 {text-align: justify} </style> </head> <body> <h1>Cómo centrar un texto</h1> <h2>Cómo alinear a la izquierda un texto</h2> <h3>Cómo centrar un... Seguir leyendo

Ejemplos de Scroll en div overflow

Para poner un scroll a un div es muy sencillo, solamente tenemos que utilizar la propiedad overflow:scroll y asignar un tamaño determinado al div. En cuanto el contenido lo sobrepase saldrá automáticamente el scroll. Aquí les dejo el ejemplo de scroll en div con overflow: <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html;... Seguir leyendo

Ejemplos de Sangría en CSS

Con la propiedad text-indent, podremos hacer una sangría. El valor de la propiedad es el tamaño que queramos que sea la sangría para cada párrafo. Por ejemplo [codigo] p { text-indent: 1em; text-align: left; } [/codigo] Este código creará una sangría en todos los párrafos de la página. Y también alineará el texto a la izquierda. Así que cada párrafo tendría una sangría.  ... Seguir leyendo