一、按钮样式
.buttoncss {
familia de fuentes: "tahoma", "宋体"; /*www.52css.com*/
tamaño de fuente: 9 puntos; color: #003399;
borde: 1px #003399 sólido;
color:#006699;
borde inferior: #93bee2 1px sólido;
borde izquierdo: #93bee2 1px sólido;
borde derecho: #93bee2 1px sólido;
borde superior: #93bee2 1px sólido;
imagen de fondo:url(../images/bluebuttonbg.gif);
color de fondo: #e8f4ff;
cursor: mano;
estilo de fuente: normal;
ancho: 60 píxeles;
altura: 22 píxeles;
}
2、蓝色按钮
.bluebuttoncss {
familia de fuentes: "tahoma", "宋体"; /*www.52css.com*/
tamaño de fuente: 9 puntos; color: #003366;
borde: 0px #93bee2 sólido;
borde inferior: #93bee2 1px sólido;
borde izquierdo: #93bee2 1px sólido;
borde derecho: #93bee2 1px sólido;
borde superior: #93bee2 1px sólido;*/
imagen de fondo:url(../images/blue_button_bg.gif);
color de fondo: #ffffff;
cursor: mano;
estilo de fuente: normal;
}
3、红色按钮
.redbuttoncss {
familia de fuentes: "tahoma", "宋体"; /*www.52css.com*/
tamaño de fuente: 9 puntos; color: #0066cc;
borde: 1px #93bee2 sólido;
borde inferior: #93bee2 1px sólido;
borde izquierdo: #93bee2 1px sólido;
borde derecho: #93bee2 1px sólido;
borde superior: #93bee2 1px sólido;
imagen de fondo:url(../images/redbuttonbg.gif);
color de fondo: #ffffff;
cursor: mano;
estilo de fuente: normal;
}
4、选择按钮
.selectbuttoncss{
familia de fuentes: "tahoma", "宋体"; /*www.52css.com*/
tamaño de fuente: 9 puntos; color: #0066cc;
borde: 1px #93bee2 sólido;
borde inferior: #93bee2 1px sólido;
borde izquierdo: #93bee2 1px sólido;
borde derecho: #93bee2 1px sólido;
borde superior: #93bee2 1px sólido;
imagen de fondo:url(../images/blue_button_bg.gif);
color de fondo: #ffffff;
cursor: mano;
estilo de fuente: normal;
}
5、绿色按钮
.greenbuttoncss {
familia de fuentes: "tahoma", "宋体"; /*www.52css.com*/
tamaño de fuente: 9 puntos; color: #0066cc;
borde: 1px #93bee2 sólido;
borde inferior: #93bee2 1px sólido;
borde izquierdo: #93bee2 1px sólido;
borde derecho: #93bee2 1px sólido;
borde superior: #93bee2 1px sólido;
imagen de fondo:url(../images/greenbuttonbg.gif);
color de fondo: #ffffff;
cursor: mano;
estilo de fuente: normal;
}
6、图像按钮
.imagebutton{
cursor: mano; /*改变鼠标形状www.52css.com*/
}
7、页面正文
cuerpo {
color-cara-barra de desplazamiento: #ededf3;
color-resaltado de la barra de desplazamiento: #ffffff;
color-sombra-barra-desplazamiento: #93949f;
barra de desplazamiento-3dlight-color: #ededf3;
color-flecha-barra-desplazamiento: #082468;
color-pista-barra-desplazamiento: #f7f7f9;
barra de desplazamiento-color-sombra-oscura: #ededf3;
tamaño de fuente: 9 puntos; /*www.52css.com*/
color: #003366;
desbordamiento:automático;
}
td {tamaño de fuente: 12px}
th {
tamaño de fuente: 12px;
}
8、下拉选择框
seleccione{
borde derecho: #000000 1px sólido;
borde superior: #ffffff 1px sólido;
tamaño de fuente: 12px; /*www.52css.com*/
borde izquierdo: #ffffff 1px sólido;
color:#003366;
borde inferior: #000000 1px sólido;
color de fondo: #f4f4f4;
}
9、线条文本编辑框
.editbox{
fondo: #ffffff;
borde: 1px sólido #b7b7b7;
color: #003366;
cursor: texto;
familia de fuentes: "arial";
tamaño de fuente: 9 puntos;
altura: 18px;
relleno: 1px; /*www.52css.com*/
}
10、多行文本框
.multieditbox{
antecedentes: #f8f8f8;
borde inferior: #b7b7b7 1px sólido;
borde izquierdo: #b7b7b7 1px sólido;
borde derecho: #b7b7b7 1px sólido;
borde superior: #b7b7b7 1px sólido;
color: #000000;
cursor: texto;
familia de fuentes: "arial";
tamaño de fuente: 9 puntos;
relleno: 1px; /*www.52css.com*/
}
11、阴影风格的表单
.sombra {
posición:absoluta;
índice z: 1000;
arriba: 0px;
izquierda: 0px; /*www.52css.com*/
fondo: gris;
color de fondo:#ffcc00;
filtro: progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
}
12、只显一条横线的输入框
.logintxt{
borde derecho: #ffffff 0px sólido;
borde superior: #ffffff 0px sólido;
tamaño de fuente: 9 puntos; /*www.52css.com*/
borde izquierdo: #ffffff 0px sólido;
borde inferior: #c0c0c0 1px sólido;
color de fondo: #ffffff
}
13、没有边框的输入框
.noneinput{
alineación de texto:centro;
ancho: 99%; alto: 99%;
estilo de borde superior: ninguno;
estilo de borde derecho: ninguno;
estilo de borde izquierdo: ninguno;
color de fondo: #f6f6f6;
estilo de borde inferior: ninguno;
}