最近项目用到的CSS,很不错
1
.ContentsArea {
2
border: 1px solid #b3b3b3;
3
clear: both;
4
margin-bottom: 5px;
5
margin-right: 5px;
6
margin-left: 5px;
7
}
8
.ContentsArea h1 {
9
font-size: 12px;
10
margin: 1px;
11
padding: 3px;
12
display: block;
13
background-color: #CCCCCC;
14
font-weight: bold;
15
}
16
.ContentsAreaScrl {
17
border: 0px;
18
border-color: #b3b3b3;
19
border-bottom-width: 1px;
20
border-bottom-style: none;
21
overflow: auto;
22
clear: both;
23
position: absolute;
24
width: 100%;
25
border-top-style: none;
26
}
27
.LayoutTbl {
28
font-size: 12px;
29
}
30
.LayoutTbl td,.LayoutTbl th {
31
padding: 3px;
32
}
33
.LayoutTbl th {
34
font-weight: normal;
35
text-align: left;
36
white-space: nowrap;
37
}
38
.NoBorderTxt {
39
background:Transparent;
40
border-top-style: none;
41
border-right-style: none;
42
border-bottom-style: none;
43
border-left-style: none;
44
}
45
.NoBorderNum {
46
background:Transparent;
47
border-top-style: none;
48
border-right-style: none;
49
border-bottom-style: none;
50
border-left-style: none;
51
text-align: right;
52
}
53
.BorderNum {
54
text-align: right;
55
}
56
.NormalTbl {
57
border-top-width: 1px;
58
border-left-width: 1px;
59
border-top-style: solid;
60
border-left-style: solid;
61
border-top-color: #b3b3b3;
62
border-left-color: #b3b3b3;
63
}
64
.NormalTbl th, .NormalTbl td {
65
font-size: 12px;
66
font-weight: normal;
67
border-right-width: 1px;
68
border-bottom-width: 1px;
69
border-right-style: solid;
70
border-bottom-style: solid;
71
border-right-color: #b3b3b3;
72
border-bottom-color: #b3b3b3;
73
padding: 3px;
74
}
75
.NormalTbl input {
76
padding: 3px;
77
}
78
.GridTbl th, .GridTbl td {
79
font-size: 12px;
80
font-weight: normal;
81
border-right-width: 1px;
82
border-bottom-width: 1px;
83
border-right-style: solid;
84
border-bottom-style: solid;
85
border-right-color: #b3b3b3;
86
border-bottom-color: #b3b3b3;
87
padding: 3px;
88
}
89
.GridTbl input {
90
padding: 3px;
91
}
92
.MiniBtn a {
93
background-repeat: no-repeat;
94
background-position: right top;
95
display: block;
96
text-align: center;
97
white-space: nowrap;
98
height: 30px;
99
width: 50px;
100
padding-top: 10px;
101
padding-right: 5px;
102
padding-left: 5px;
103
margin: 2px;
104
border-top: 1px solid;
105
border-right: 1px solid;
106
border-bottom: 1px solid;
107
border-left: 1px solid;
108
font-size: 12px;
109
}
110
.MiniBtn a:link,.MiniBtn a:visited {
111
color: #494949;
112
background-image: url(../images/parts/btn_bg.gif);
113
border-top-color: #b3b3b3;
114
border-right-color: #b3b3b3;
115
border-bottom-color: #b3b3b3;
116
border-left-color: #b3b3b3;
117
}
118
.MiniBtn a:hover,.MiniBtn a:active,.MiniBtn #BtnOn {
119
color: #931b31;
120
background-image: url(../images/parts/btn_bg_o.gif);
121
border-top-color: #931b31;
122
border-right-color: #931b31;
123
border-bottom-color: #931b31;
124
border-left-color: #931b31;
125
}
126
.MiniBtn img {
127
margin-top: -5px;
128
margin-right: 5px;
129
}
.ContentsArea {2
border: 1px solid #b3b3b3;3
clear: both;4
margin-bottom: 5px;5
margin-right: 5px;6
margin-left: 5px;7
}8
.ContentsArea h1 {9
font-size: 12px;10
margin: 1px;11
padding: 3px;12
display: block;13
background-color: #CCCCCC;14
font-weight: bold;15
}16
.ContentsAreaScrl {17
border: 0px;18
border-color: #b3b3b3;19
border-bottom-width: 1px;20
border-bottom-style: none;21
overflow: auto;22
clear: both;23
position: absolute;24
width: 100%;25
border-top-style: none;26
}27
.LayoutTbl {28
font-size: 12px;29
}30
.LayoutTbl td,.LayoutTbl th {31
padding: 3px;32
}33
.LayoutTbl th {34
font-weight: normal;35
text-align: left;36
white-space: nowrap;37
}38
.NoBorderTxt {39
background:Transparent;40
border-top-style: none;41
border-right-style: none;42
border-bottom-style: none;43
border-left-style: none;44
}45
.NoBorderNum {46
background:Transparent;47
border-top-style: none;48
border-right-style: none;49
border-bottom-style: none;50
border-left-style: none;51
text-align: right;52
}53
.BorderNum {54
text-align: right;55
}56
.NormalTbl {57
border-top-width: 1px;58
border-left-width: 1px;59
border-top-style: solid;60
border-left-style: solid;61
border-top-color: #b3b3b3;62
border-left-color: #b3b3b3;63
}64
.NormalTbl th, .NormalTbl td {65
font-size: 12px;66
font-weight: normal;67
border-right-width: 1px;68
border-bottom-width: 1px;69
border-right-style: solid;70
border-bottom-style: solid;71
border-right-color: #b3b3b3;72
border-bottom-color: #b3b3b3;73
padding: 3px;74
}75
.NormalTbl input {76
padding: 3px;77
}78
.GridTbl th, .GridTbl td {79
font-size: 12px;80
font-weight: normal;81
border-right-width: 1px;82
border-bottom-width: 1px;83
border-right-style: solid;84
border-bottom-style: solid;85
border-right-color: #b3b3b3;86
border-bottom-color: #b3b3b3;87
padding: 3px;88
}89
.GridTbl input {90
padding: 3px;91
}92
.MiniBtn a {93
background-repeat: no-repeat;94
background-position: right top;95
display: block;96
text-align: center;97
white-space: nowrap;98
height: 30px;99
width: 50px;100
padding-top: 10px;101
padding-right: 5px;102
padding-left: 5px;103
margin: 2px;104
border-top: 1px solid;105
border-right: 1px solid;106
border-bottom: 1px solid;107
border-left: 1px solid;108
font-size: 12px;109
}110
.MiniBtn a:link,.MiniBtn a:visited {111
color: #494949;112
background-image: url(../images/parts/btn_bg.gif);113
border-top-color: #b3b3b3;114
border-right-color: #b3b3b3;115
border-bottom-color: #b3b3b3;116
border-left-color: #b3b3b3;117
}118
.MiniBtn a:hover,.MiniBtn a:active,.MiniBtn #BtnOn {119
color: #931b31;120
background-image: url(../images/parts/btn_bg_o.gif);121
border-top-color: #931b31;122
border-right-color: #931b31;123
border-bottom-color: #931b31;124
border-left-color: #931b31;125
}126
.MiniBtn img {127
margin-top: -5px;128
margin-right: 5px;129
}

}
浙公网安备 33010602011771号