Cambiar el color de la barra de scroll con CSS

1. Trucos css / scroll Modificar scroll: SCROLLBAR-FACE-COLOR - Color de la base de la barra SCROLLBAR-HIGHLIGHT-COLOR - Color resaltado de la barra SCROLLBAR-SHADOW-COLOR - Color de la sobra de la barra SCROLLBAR-3DLIGHT-COLOR - Color del relieve de la barra SCROLLBAR-ARROW-COLOR - Color de las flechas de la barra SCROLLBAR-TRACK-COLOR - Color del fondo de la barra SCROLLBAR-DARKSHADOW-COLOR - Color de la sobra mas oscura de la barra

2. Trucos css /scroll En el body body { SCROLLBAR-FACE-COLOR:#6699CC; SCROLLBAR-HIGHLIGHT-COLOR: #6699CC; SCROLLBAR-SHADOW-COLOR: #6699CC; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #E3E3E3; SCROLLBAR-DARKSHADOW-COLOR: #000000; }

3. Trucos css /formularios Para cambiar el aspecto de un campo: Creamos clase .campo .campo { background-color: #E2E0E4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; border: 2px solid #FFFFFF; }

4. Trucos css /formularios Se aplica la clase seleccionando el campo mediante el panel de propiedades

5. Trucos css /formularios Botón del formulario: .bot { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #006600; background-color: #CCFF00; width: 100px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; }

6. Trucos css /centrar un div Para centrar un div utilizaremos el atributo margin El orden de los valores es el siguiente: Sup der inf iz #mi_div{ margin:0 auto 0 auto; } Con esto el div y su contenido se centran

7. Uso de interfaz de ccs en dreamweaver Están clasificadas por atributos

8. Uso de interfaz de ccs en dreamweaver Podemos ir viendo las modificaciones presionando el botón aplicar Automáticamente se aplican los estilos en la interface

9. Uso de interfaz de ccs en dreamweaver fin