最近项目用到的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
}

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129
