一、按钮样式
.buttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
字体大小：9pt；颜色：#003399；
边框：1px #003399 实心；
颜色：#006699；
底部边框：#93bee2 1px 实心；
左边框：#93bee2 1px 实心；
右边框：#93bee2 1px 实心；
顶部边框：#93bee2 1px 实心；
背景图像：url(../images/bluebuttonbg.gif);
背景颜色：#e8f4ff；
光标：手；
字体样式：正常；
宽度：60px；
高度：22px；
}
2、蓝色按钮
.bluebuttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
字体大小：9pt；颜色：#003366；
边框：0px #93bee2 实心；
底部边框：#93bee2 1px 实心；
左边框：#93bee2 1px 实心；
右边框：#93bee2 1px 实心；
顶部边框：#93bee2 1px 实心；*/
背景图像：url(../images/blue_button_bg.gif);
背景颜色：#ffffff；
光标：手；
字体样式：正常；
}
3、红色按钮
.redbuttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
字体大小：9pt；颜色：#0066cc；
边框：1px #93bee2 实心；
底部边框：#93bee2 1px 实心；
左边框：#93bee2 1px 实心；
右边框：#93bee2 1px 实心；
顶部边框：#93bee2 1px 实心；
背景图像：url(../images/redbuttonbg.gif);
背景颜色：#ffffff；
光标：手；
字体样式：正常；
}
4、选择按钮
.selectbuttoncss{
font-family: "tahoma", "宋体"; /*www.52css.com*/
字体大小：9pt；颜色：#0066cc；
边框：1px #93bee2 实心；
底部边框：#93bee2 1px 实心；
左边框：#93bee2 1px 实心；
右边框：#93bee2 1px 实心；
顶部边框：#93bee2 1px 实心；
背景图像：url(../images/blue_button_bg.gif);
背景颜色：#ffffff；
光标：手；
字体样式：正常；
}
5、绿色按钮
.greenbuttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
字体大小：9pt；颜色：#0066cc；
边框：1px #93bee2 实心；
底部边框：#93bee2 1px 实心；
左边框：#93bee2 1px 实心；
右边框：#93bee2 1px 实心；
顶部边框：#93bee2 1px 实心；
背景图像：url(../images/greenbuttonbg.gif);
背景颜色：#ffffff；
光标：手；
字体样式：正常；
}
6、图片按钮
.imagebutton{
光标：手； /*改变鼠标形状www.52css.com*/
}
7、页面正文
{
滚动条面颜色：#ededf3；
滚动条突出显示颜色：#ffffff；
滚动条阴影颜色：#93949f；
滚动条-3dlight-颜色：#ededf3；
滚动条箭头颜色：#082468；
滚动条轨道颜色：#f7f7f9；
滚动条暗阴影颜色：#ededf3；
字体大小：9pt； /*www.52css.com*/
颜色：#003366；
溢出：自动；
}
td { 字体大小：12px }
th {
字体大小：12px；
}
8、下拉选择框
select{
右边框：#000000 1px 实心；
顶部边框：#ffffff 1px 实心；
字体大小：12px； /*www.52css.com*/
左边框：#ffffff 1px 实心；
颜色：#003366；
边框底部：#000000 1px 实心；
背景颜色：#f4f4f4；
}
9、线条文本编辑框
.editbox{
背景：#ffffff；
边框：1px实心#b7b7b7；
颜色：#003366；
光标：文本；
字体系列：“arial”；
字体大小：9pt；
高度：18px；
内边距：1px； /*www.52css.com*/
}
10、多行文本框
.multieditbox{
背景：#f8f8f8；
边框底部：#b7b7b7 1px 实心；
左边框：#b7b7b7 1px 实心；
右边框：#b7b7b7 1px 实心；
顶部边框：#b7b7b7 1px 实心；
颜色：#000000；
光标：文本；
字体系列：“arial”；
字体大小：9pt；
内边距：1px； /*www.52css.com*/
}
11、阴影风格的表单
.shadow {
位置：绝对；
z 索引：1000；
顶部：0px；
左：0px； /*www.52css.com*/
背景：灰色；
背景颜色：#ffcc00；
过滤器： progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
}
12、只显一条横线的输入框
.logintxt{
右边框：#ffffff 0px 实心；
顶部边框：#ffffff 0px 实心；
字体大小：9pt； /*www.52css.com*/
左边框：#ffffff 0px 实心；
边框底部：#c0c0c0 1px 实心；
背景颜色：#ffffff
}
13、没有已知的输入框
.noneinput{
文本对齐：居中；
宽度：99%；高度：99%；
顶部边框样式：无；
右边框样式：无；
左边框样式：无；
背景颜色：#f6f6f6；
边框底部样式：无；
}