一、按钮样式
.buttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
ukuran font:9pt; warna: #003399;
batas: 1 piksel #003399 padat;
warna:#006699;
border-bottom: #93bee2 1px padat;
perbatasan-kiri: #93bee2 1px padat;
perbatasan-kanan: #93bee2 1px padat;
perbatasan-atas: #93bee2 1px padat;
gambar-latar belakang:url(../images/bluebuttonbg.gif);
warna latar belakang: #e8f4ff;
kursor: tangan;
gaya font: normal;
lebar:60 piksel;
tinggi:22 piksel;
}
2、蓝色按钮
.bluebuttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
ukuran font: 9pt; warna: #003366;
batas: 0px #93bee2 padat;
border-bottom: #93bee2 1px padat;
perbatasan-kiri: #93bee2 1px padat;
perbatasan-kanan: #93bee2 1px padat;
batas atas: #93bee2 1 piksel padat;*/
gambar latar belakang:url(../images/blue_button_bg.gif);
warna latar belakang: #ffffff;
kursor: tangan;
gaya font: normal;
}
3、红色按钮
.redbuttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
ukuran font: 9pt; warna: #0066cc;
batas: 1 piksel #93bee2 padat;
border-bottom: #93bee2 1px padat;
perbatasan-kiri: #93bee2 1px padat;
perbatasan-kanan: #93bee2 1px padat;
perbatasan-atas: #93bee2 1px padat;
gambar latar belakang:url(../images/redbuttonbg.gif);
warna latar belakang: #ffffff;
kursor: tangan;
gaya font: normal;
}
4、选择按钮
.pilihtombolcss{
font-family: "tahoma", "宋体"; /*www.52css.com*/
ukuran font: 9pt; warna: #0066cc;
batas: 1 piksel #93bee2 padat;
border-bottom: #93bee2 1px padat;
perbatasan-kiri: #93bee2 1px padat;
perbatasan-kanan: #93bee2 1px padat;
perbatasan-atas: #93bee2 1px padat;
gambar latar belakang:url(../images/blue_button_bg.gif);
warna latar belakang: #ffffff;
kursor: tangan;
gaya font: normal;
}
5、绿色按钮
.greenbuttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
ukuran font: 9pt; warna: #0066cc;
batas: 1 piksel #93bee2 padat;
border-bottom: #93bee2 1px padat;
perbatasan-kiri: #93bee2 1px padat;
perbatasan-kanan: #93bee2 1px padat;
perbatasan-atas: #93bee2 1px padat;
gambar-latar belakang:url(../images/greenbuttonbg.gif);
warna latar belakang: #ffffff;
kursor: tangan;
gaya font: normal;
}
6、图像按钮
.tombol gambar{
kursor: tangan; /*改变鼠标形状www.52css.com*/
}
7、页面正文
tubuh {
scrollbar-warna-wajah: #ededf3;
scrollbar-highlight-color: #ffffff;
scrollbar-bayangan-warna: #93949f;
scrollbar-3dlight-color: #ededf3;
scrollbar-panah-warna: #082468;
scrollbar-track-warna: #f7f7f9;
scrollbar-darkshadow-warna: #ededf3;
ukuran font: 9pt; /*www.52css.com*/
warna: #003366;
overflow:otomatis;
}
td { ukuran font: 12px }
th {
ukuran font: 12px;
}
8、下拉选择框
pilih{
perbatasan-kanan: #000000 1px padat;
batas atas: #ffffff 1px padat;
ukuran font: 12px; /*www.52css.com*/
perbatasan-kiri: #ffffff 1px padat;
warna:#003366;
batas bawah: #000000 1 piksel padat;
warna latar belakang: #f4f4f4;
}
9、线条文本编辑框
.editbox{
latar belakang: #ffffff;
batas: 1 piksel padat #b7b7b7;
warna: #003366;
kursor: teks;
keluarga font: "arial";
ukuran font: 9pt;
tinggi: 18 piksel;
bantalan: 1 piksel; /*www.52css.com*/
}
10、多行文本框
.multieditbox{
latar belakang: #f8f8f8;
perbatasan-bawah: #b7b7b7 1px padat;
perbatasan-kiri: #b7b7b7 1px padat;
perbatasan-kanan: #b7b7b7 1px padat;
perbatasan-atas: #b7b7b7 1px padat;
warna: #000000;
kursor: teks;
keluarga font: "arial";
ukuran font: 9pt;
bantalan: 1 piksel; /*www.52css.com*/
}
11、阴影风格的表单
.bayangan {
posisi:mutlak;
indeks-z:1000;
atas:0 piksel;
kiri:0 piksel; /*www.52css.com*/
latar belakang:abu-abu;
warna latar belakang:#ffcc00;
filter : progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positif=true);
}
12、只显一条横线的输入框
.logintxt{
perbatasan-kanan: #ffffff 0px padat;
perbatasan-atas: #ffffff 0px padat;
ukuran font: 9pt; /*www.52css.com*/
perbatasan-kiri: #ffffff 0px padat;
batas bawah: #c0c0c0 1 piksel padat;
warna latar: #ffffff
}
13、没有边框的输入框
.noneinput{
perataan teks:tengah;
lebar:99%;tinggi:99%;
gaya perbatasan-atas: tidak ada;
gaya perbatasan-kanan: tidak ada;
gaya perbatasan-kiri: tidak ada;
warna latar belakang: #f6f6f6;
gaya perbatasan-bawah: tidak ada;
}