一、按钮样式
.buttoncss {
Schriftfamilie: „tahoma“, „宋体“; /*www.52css.com*/
Schriftgröße:9pt; Farbe: #003399;
Rand: 1px #003399 fest;
Farbe:#006699;
border-bottom: #93bee2 1px solide;
Rand links: #93bee2 1px solide;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solide;
Hintergrundbild:url(../images/bluebuttonbg.gif);
Hintergrundfarbe: #e8f4ff;
Cursor: Hand;
Schriftstil: normal ;
Breite:60px;
Höhe:22px;
}
2、蓝色按钮
.bluebuttoncss {
Schriftfamilie: „tahoma“, „宋体“; /*www.52css.com*/
Schriftgröße: 9pt; Farbe: #003366;
Rand: 0px #93bee2 fest;
border-bottom: #93bee2 1px solide;
Rand links: #93bee2 1px solide;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;*/
Hintergrundbild:url(../images/blue_button_bg.gif);
Hintergrundfarbe: #ffffff;
Cursor: Hand;
Schriftstil: normal ;
}
3、红色按钮
.redbuttoncss {
Schriftfamilie: „tahoma“, „宋体“; /*www.52css.com*/
Schriftgröße: 9pt; Farbe: #0066cc;
Rand: 1px #93bee2 fest;
border-bottom: #93bee2 1px solide;
Rand links: #93bee2 1px solide;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solide;
Hintergrundbild:url(../images/redbuttonbg.gif);
Hintergrundfarbe: #ffffff;
Cursor: Hand;
Schriftstil: normal ;
}
4. Wählen Sie eine Schaltfläche aus.selectbuttoncss
{
Schriftfamilie: „tahoma“, „宋体“; /*www.52css.com*/
Schriftgröße: 9pt; Farbe: #0066cc;
Rand: 1px #93bee2 fest;
border-bottom: #93bee2 1px solide;
Rand links: #93bee2 1px solide;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solide;
Hintergrundbild:url(../images/blue_button_bg.gif);
Hintergrundfarbe: #ffffff;
Cursor: Hand;
Schriftstil: normal ;
}
5、绿色按钮
.greenbuttoncss {
Schriftfamilie: „tahoma“, „宋体“; /*www.52css.com*/
Schriftgröße: 9pt; Farbe: #0066cc;
Rand: 1px #93bee2 fest;
border-bottom: #93bee2 1px solide;
Rand links: #93bee2 1px solide;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solide;
Hintergrundbild:url(../images/greenbuttonbg.gif);
Hintergrundfarbe: #ffffff;
Cursor: Hand;
Schriftstil: normal ;
}
6、图像按钮
.imagebutton{
Cursor: Hand; /*改变鼠标形状www.52css.com*/
}
7、页面正文
Körper {
scrollbar-face-color: #ededf3;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #93949f;
scrollbar-3dlight-color: #ededf3;
scrollbar-arrow-color: #082468;
scrollbar-track-color: #f7f7f9;
scrollbar-darkshadow-color: #ededf3;
Schriftgröße: 9pt; /*www.52css.com*/
Farbe: #003366;
Überlauf:auto;
}
td {Schriftgröße: 12px}
Th {
Schriftgröße: 12px;
}
8、下拉选择框
select{
border-right: #000000 1px solide;
border-top: #ffffff 1px solide;
Schriftgröße: 12px; /*www.52css.com*/
border-left: #ffffff 1px solid;
Farbe:#003366;
border-bottom: #000000 1px solide;
Hintergrundfarbe: #f4f4f4;
}
9、线条文本编辑框
.editbox{
Hintergrund: #ffffff;
Rand: 1px fest #b7b7b7;
Farbe: #003366;
Cursor: Text;
Schriftfamilie: „arial“;
Schriftgröße: 9pt;
Höhe: 18px;
Polsterung: 1px; /*www.52css.com*/
}
10、多行文本框
.multieditbox{
Hintergrund: #f8f8f8;
border-bottom: #b7b7b7 1px solide;
Rand links: #b7b7b7 1 Pixel fest;
border-right: #b7b7b7 1px solide;
border-top: #b7b7b7 1px solide;
Farbe: #000000;
Cursor: Text;
Schriftfamilie: „arial“;
Schriftgröße: 9pt;
Polsterung: 1px; /*www.52css.com*/
}
11、阴影风格的表单
.shadow {
Position:absolut;
Z-Index:1000;
oben:0px;
links:0px; /*www.52css.com*/
Hintergrund:grau;
Hintergrundfarbe:#ffcc00;
Filter: progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
}
12、只显一条横线的输入框
.logintxt{
border-right: #ffffff 0px solid;
border-top: #ffffff 0px solide;
Schriftgröße: 9pt; /*www.52css.com*/
border-left: #ffffff 0px solid;
border-bottom: #c0c0c0 1px solide;
Hintergrundfarbe: #ffffff
}
13、没有边框的输入框
.noneinput{
text-align:center;
Breite:99%;Höhe:99%;
border-top-style: keine;
border-right-style: keine;
border-left-style: keine;
Hintergrundfarbe: #f6f6f6;
border-bottom-style: keine;
}