Color de la Scrollbar con CSS

Preview:

DESCRIPTION

Cambiar el color de la barra de scroll con CSS

Citation preview

Trucos css / scrollModificar 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

Trucos css /scrollEn el bodybody {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;}

Trucos css /formulariosPara 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;

}

Trucos css /formulariosSe aplica la clase seleccionando el campo mediante el panel de propiedades

Trucos css /formulariosBotó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;

}

Trucos css /centrar un divPara centrar un div utilizaremos el atributo marginEl 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

Uso de interfaz de ccs en dreamweaver

Están clasificadas por atributos

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

Uso de interfaz de ccs en dreamweaver

fin

Recommended