一、按钮样式
.buttoncss {
글꼴 모음: "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 {
글꼴 모음: "tahoma", "宋体"; /*www.52css.com*/
글꼴 크기: 9pt; 색상: #003366;
테두리: 0px #93bee2 솔리드;
테두리 하단: #93bee2 1px 솔리드;
테두리 왼쪽: #93bee2 1px 솔리드;
테두리 오른쪽: #93bee2 1px 솔리드;
테두리 상단: #93bee2 1px 단색;*/
배경 이미지:url(../images/blue_button_bg.gif);
배경색: #ffffff;
커서: 손;
글꼴 스타일: 일반 ;
}
3、红color按钮
.redbuttoncss {
글꼴 모음: "tahoma", "宋体"; /*www.52css.com*/
글꼴 크기: 9pt; 색상: #0066cc;
테두리: 1px #93bee2 솔리드;
테두리 하단: #93bee2 1px 솔리드;
테두리 왼쪽: #93bee2 1px 솔리드;
테두리 오른쪽: #93bee2 1px 솔리드;
테두리 상단: #93bee2 1px 솔리드;
배경 이미지:url(../images/redbuttonbg.gif);
배경색: #ffffff;
커서: 손;
글꼴 스타일: 일반 ;
}
4、选择按钮
.selectbuttoncss{
글꼴 모음: "tahoma", "宋体"; /*www.52css.com*/
글꼴 크기: 9pt; 색상: #0066cc;
테두리: 1px #93bee2 솔리드;
테두리 하단: #93bee2 1px 솔리드;
테두리 왼쪽: #93bee2 1px 솔리드;
테두리 오른쪽: #93bee2 1px 솔리드;
테두리 상단: #93bee2 1px 솔리드;
배경 이미지:url(../images/blue_button_bg.gif);
배경색: #ffffff;
커서: 손;
글꼴 스타일: 일반 ;
}
5、绿color按钮
.greenbuttoncss {
글꼴 모음: "tahoma", "宋体"; /*www.52css.com*/
글꼴 크기: 9pt; 색상: #0066cc;
테두리: 1px #93bee2 솔리드;
테두리 하단: #93bee2 1px 솔리드;
테두리 왼쪽: #93bee2 1px 솔리드;
테두리 오른쪽: #93bee2 1px 솔리드;
테두리 상단: #93bee2 1px 솔리드;
배경 이미지:url(../images/greenbuttonbg.gif);
배경색: #ffffff;
커서: 손;
글꼴 스타일: 일반 ;
}
6、图image按钮
.imagebutton{
커서: 손; /*改变鼠标형状www.52css.com*/
}
7、页
면정문본체 {
스크롤바 얼굴 색상: #ededf3;
스크롤바 강조 색상: #ffffff;
스크롤바 그림자 색상: #93949f;
스크롤바-3dlight-color: #ededf3;
스크롤바-화살표-색상: #082468;
스크롤바 트랙 색상: #f7f7f9;
스크롤바-어두운 그림자-색상: #ededf3;
글꼴 크기: 9pt; /*www.52css.com*/
색상: #003366;
오버플로:자동;
}
td { 글꼴 크기: 12px }
일 {
글꼴 크기: 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;
테두리 하단 스타일: 없음;
}