一、按钮样式
.buttoncss {
famille de polices : "tahoma", "宋体" ; /*www.52css.com*/
taille de police : 9 pt ; couleur : #003399 ;
bordure : 1px #003399 solide ;
couleur : #006699 ;
bordure inférieure : #93bee2 1px solide ;
bordure gauche : #93bee2 1px solide ;
bordure droite : #93bee2 1px solide ;
bordure supérieure : #93bee2 1px solide ;
image d'arrière-plan:url(../images/bluebuttonbg.gif);
couleur d'arrière-plan : #e8f4ff ;
curseur : main ;
style de police : normal ;
largeur : 60 px ;
hauteur : 22 px ;
}
2、蓝色按钮
.bluebuttoncss {
famille de polices : "tahoma", "宋体" ; /*www.52css.com*/
taille de police : 9 pt ; couleur : #003366 ;
bordure : 0px #93bee2 solide ;
bordure inférieure : #93bee2 1px solide ;
bordure gauche : #93bee2 1px solide ;
bordure droite : #93bee2 1px solide ;
bordure supérieure : #93bee2 1px solide ;*/
image d'arrière-plan:url(../images/blue_button_bg.gif);
couleur d'arrière-plan : #ffffff ;
curseur : main ;
style de police : normal ;
}
3、红色按钮
.redbuttoncss {
famille de polices : "tahoma", "宋体" ; /*www.52css.com*/
taille de police : 9 pt ; couleur : #0066cc ;
bordure : 1px #93bee2 solide ;
bordure inférieure : #93bee2 1px solide ;
bordure gauche : #93bee2 1px solide ;
bordure droite : #93bee2 1px solide ;
bordure supérieure : #93bee2 1px solide ;
image d'arrière-plan:url(../images/redbuttonbg.gif);
couleur d'arrière-plan : #ffffff ;
curseur : main ;
style de police : normal ;
}
4、选择按钮
.selectbuttoncss{
famille de polices : "tahoma", "宋体" ; /*www.52css.com*/
taille de police : 9 pt ; couleur : #0066cc ;
bordure : 1px #93bee2 solide ;
bordure inférieure : #93bee2 1px solide ;
bordure gauche : #93bee2 1px solide ;
bordure droite : #93bee2 1px solide ;
bordure supérieure : #93bee2 1px solide ;
image d'arrière-plan:url(../images/blue_button_bg.gif);
couleur d'arrière-plan : #ffffff ;
curseur : main ;
style de police : normal ;
}
5、绿色按钮
.greenbuttoncss {
famille de polices : "tahoma", "宋体" ; /*www.52css.com*/
taille de police : 9 pt ; couleur : #0066cc ;
bordure : 1px #93bee2 solide ;
bordure inférieure : #93bee2 1px solide ;
bordure gauche : #93bee2 1px solide ;
bordure droite : #93bee2 1px solide ;
bordure supérieure : #93bee2 1px solide ;
image d'arrière-plan:url(../images/greenbuttonbg.gif);
couleur d'arrière-plan : #ffffff ;
curseur : main ;
style de police : normal ;
}
6、图像按钮
.imagebutton{
curseur : main ; /*改变鼠标形状www.52css.com*/
}
7、页面正文
corps {
couleur de la barre de défilement : #ededf3 ;
couleur de surbrillance de la barre de défilement : #ffffff ;
couleur de l'ombre de la barre de défilement : #93949f ;
barre de défilement-3dlight-color : #ededf3 ;
couleur de la flèche de la barre de défilement : #082468 ;
couleur de la piste de la barre de défilement : #f7f7f9 ;
barre de défilement-darkshadow-color : #ededf3 ;
taille de police : 9 pt ; /*www.52css.com*/
couleur : #003366 ;
débordement : auto ;
}
td { taille de police : 12px }
ème {
taille de police : 12 px ;
}
8、下拉选择框
select{
bordure droite : #000000 1px solide ;
bordure supérieure : #ffffff 1px solide ;
taille de police : 12 px ; /*www.52css.com*/
bordure gauche : #ffffff 1px solide ;
couleur : #003366 ;
bordure inférieure : #000000 1px solide ;
couleur d'arrière-plan : #f4f4f4 ;
}
9、线条文本编辑框
.editbox{
arrière-plan : #ffffff ;
bordure : 1px solide #b7b7b7 ;
couleur : #003366 ;
curseur : texte ;
famille de polices : "arial" ;
taille de police : 9 pt ;
hauteur : 18px ;
remplissage : 1px ; /*www.52css.com*/
}
10、多行文本框
.multieditbox{
arrière-plan : #f8f8f8 ;
bordure inférieure : #b7b7b7 1px solide ;
bordure gauche : #b7b7b7 1px solide ;
bordure droite : #b7b7b7 1px solide ;
bordure supérieure : #b7b7b7 1px solide ;
couleur : #000000 ;
curseur : texte ;
famille de polices : "arial" ;
taille de police : 9 pt ;
remplissage : 1px ; /*www.52css.com*/
}
11、阴影风格的表单
.shadow {
position : absolue ;
indice z : 1000 ;
haut :0px ;
gauche :0px ; /*www.52css.com*/
arrière-plan : gris ;
couleur d'arrière-plan :#ffcc00 ;
filtre : progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
}
12、只显一条横线的输入框
.logintxt{
bordure droite : #ffffff 0px solide ;
bordure supérieure : #ffffff 0px solide ;
taille de police : 9 pt ; /*www.52css.com*/
bordure gauche : #ffffff 0px solide ;
bordure inférieure : #c0c0c0 1px solide ;
couleur d'arrière-plan : #ffffff
}
13、没有边框的输入框
.noneinput{
texte-align:centre;
largeur : 99 % ; hauteur : 99 % ;
border-top-style : aucun ;
border-right-style : aucun ;
style frontière gauche : aucun ;
couleur d'arrière-plan : #f6f6f6 ;
border-bottom-style : aucun ;
}