常用CSS样式

1/**//**//**//*按钮样式*/
  2.ButtonCss {}{
  3    font-family: "Tahoma", "宋体";
  4    font-size:9pt; color: #003399;
  5    border: 1px #003399 solid;
  6    color:006699;
  7    BORDER-BOTTOM: #93bee2 1px solid; 
  8    BORDER-LEFT: #93bee2 1px solid; 
  9    BORDER-RIGHT: #93bee2 1px solid; 
 10    BORDER-TOP: #93bee2 1px solid;
 11    background-image:url(../Images/bluebuttonbg.gif);
 12    background-color: #e8f4ff;
 13    CURSOR: hand;
 14    font-style: normal ;
 15    width:60px;
 16    height:22px;
 17}
 18
 19/**//**//**//*蓝色按钮样式*/
 20.blueButtonCss {}{
 21    font-family: "Tahoma", "宋体";
 22    font-size: 9pt; color: #003366;
 23    border: 0px #93bee2 solid;
 24   /**//**//**//* BORDER-BOTTOM: #93bee2 1px solid; 
 25    BORDER-LEFT: #93bee2 1px solid; 
 26    BORDER-RIGHT: #93bee2 1px solid; 
 27    BORDER-TOP: #93bee2 1px solid;*/
 28    background-image:url(../Images/blue_button_bg.gif);
 29    background-color: #ffffff;
 30    CURSOR: hand;
 31    font-style: normal ;
 32}
 33
 34/**//**//**//*红色按钮样式*/
 35.redButtonCss {}{
 36    font-family: "Tahoma", "宋体";
 37    font-size: 9pt; color: #0066cc;
 38    border: 1px #93bee2 solid;
 39    BORDER-BOTTOM: #93bee2 1px solid; 
 40    BORDER-LEFT: #93bee2 1px solid; 
 41    BORDER-RIGHT: #93bee2 1px solid; 
 42    BORDER-TOP: #93bee2 1px solid;
 43    background-image:url(../Images/redbuttonbg.gif);
 44    background-color: #ffffff;
 45    CURSOR: hand;
 46    font-style: normal ;
 47}
 48/**//**//**//*选择按钮样式*/
 49.selectButtonCss
 50{}{
 51    font-family: "Tahoma", "宋体";
 52    font-size: 9pt; color: #0066cc;
 53    border: 1px #93bee2 solid;
 54    BORDER-BOTTOM: #93bee2 1px solid; 
 55    BORDER-LEFT: #93bee2 1px solid; 
 56    BORDER-RIGHT: #93bee2 1px solid; 
 57    BORDER-TOP: #93bee2 1px solid;
 58    background-image:url(../Images/blue_button_bg.gif);
 59    background-color: #ffffff;
 60    CURSOR: hand;
 61    font-style: normal ;
 62}    
 63
 64/**//**//**//*绿色按钮样式*/
 65.greenButtonCss {}{
 66    font-family: "Tahoma", "宋体";
 67    font-size: 9pt; color: #0066cc;
 68    border: 1px #93bee2 solid;
 69    BORDER-BOTTOM: #93bee2 1px solid; 
 70    BORDER-LEFT: #93bee2 1px solid; 
 71    BORDER-RIGHT: #93bee2 1px solid; 
 72    BORDER-TOP: #93bee2 1px solid;
 73    background-image:url(../Images/greenbuttonbg.gif);
 74    background-color: #ffffff;
 75    CURSOR: hand;
 76    font-style: normal ;
 77}
 78/**//**//**//*图像按钮*/
 79.imageButton
 80{}{
 81CURSOR: hand;    /**//**//**//*改变鼠标形状*/
 82}
 83/**//**//**//*页面正文样式*/
 84body 
 85{}{
 86    scrollbar-face-color: #EDEDF3;
 87    scrollbar-highlight-color: #ffffff;
 88    scrollbar-shadow-color: #93949F;
 89    scrollbar-3dlight-color: #EDEDF3;
 90    scrollbar-arrow-color: #082468;
 91    scrollbar-track-color: #F7F7F9;
 92    scrollbar-darkshadow-color: #EDEDF3;
 93    
 94    font-size: 9pt;
 95    color: #003366;
 96    overflow:auto;
 97}
 98TD {}{ FONT-SIZE: 12px }
 99TH 
100{}{
101    FONT-SIZE: 12px; 
102}
103/**//**//**//*************************************
104下拉选择框显示风格
105*************************************/
106SELECT
107{}{
108    BORDER-RIGHT: #000000 1px solid; 
109    BORDER-TOP: #FFFFFF 1px solid; 
110    FONT-SIZE: 12px; 
111    BORDER-LEFT: #FFFFFF 1px solid;
112    COLOR:#003366; 
113    BORDER-BOTTOM: #000000 1px solid; 
114    BACKGROUND-COLOR: #f4f4f4;
115}
116
117/**//**//**//*****************************************************
118超级链接显示风格
119*****************************************************/
120A:Link, A:Visited{}{color:#223355;text-decoration: none}
121A:Hover{}{color:red;text-decoration:none;}
122
123A.highlight:link, A.highlight:visited {}{ color:red; text-decoration:none }
124A.highlight:hover {}{ color:red; text-decoration:underline }
125
126A.thisclass:link, A.thisclass:visited {}{ color: #D9EBFD; font-weight:bold; text-decoration:none }
127A.thisclass:hover {}{ color: #FFFFFF;font-weight:bold; }
128
129A.navlink:link, A.navlink:visited {}{color: #D9EBFD; text-decoration:none}
130A.navlink:hover {}{color: #FFFFFF; text-decoration:none }
131
132
133/**//**//**//*****************************************************
134线条文本编辑框显示风格
135*****************************************************/
136.EditBox
137{}{
138    background: #ffffff; 
139    border: 1px solid #B7B7B7;
140    color: #003366;
141    cursor: text;
142    font-family: "Arial";
143    font-size: 9pt;
144    height: 18px;
145    padding: 1px;
146}
147/**//**//**//****************************************************
148多行文本框样式
149*****************************************************/
150.MultiEditBox
151{}{
152    background: #f8f8f8;
153    border-bottom: #B7B7B7 1px solid;
154    border-left: #B7B7B7 1px solid;
155    border-right: #B7B7B7 1px solid;
156    border-top: #B7B7B7 1px solid;
157    color: #000000;
158    cursor: text;
159    font-family: "Arial";
160    font-size: 9pt;
161    padding: 1px;
162}
163
164/**//**//**//*****************************************************
165阴影风格的表单
166*****************************************************/
167.Shadow 
168{}{
169    position:absolute;
170    z-index:1000;
171    top:0px;
172    left:0px;
173    background:gray;
174    background-color:#FFCC00;
175    filter : progid:DXImageTransform.Microsoft.DropShadow(color=#FF404040,offX=2,offY=2,positives=true);
176}
177/**//**//**//*****************************************************
178只显一条横线的Text的样式！
179*****************************************************/
180.logintxt
181{}{
182    BORDER-RIGHT: #ffffff 0px solid; 
183    BORDER-TOP: #ffffff 0px solid;
184    FONT-SIZE: 9pt; 
185    BORDER-LEFT: #ffffff 0px solid; 
186    BORDER-BOTTOM: #c0c0c0 1px solid; 
187    BACKGROUND-COLOR: #ffffff
188}
189/**//**//**//*****************************************************
190DataGrid页眉样式
191*****************************************************/
192.dgTitle
193{}{
194    height:25px;
195    color:#ffffff;
196    font-size:large;
197    text-align:center;
198    vertical-align:middle;
199    BACKGROUND-IMAGE:url(../images/tableTitle2.gif); height:25px
200    
201}
202
203/**//**//**//*****************************************************
204DataGrid数据显示样式
205*****************************************************/
206.dgItem
207{}{
208    height:15px;
209    text-align:center;
210    vertical-align:middle;
211}
212/**//**//**//*****************************************************
213文本框显示样式
214*****************************************************/
215.clarity
216{}{
217    BORDER-RIGHT: #ffffff 0px solid; 
218    BORDER-TOP: #ffffff 0px solid;
219    FONT-SIZE: 9pt; 
220    BORDER-LEFT: #ffffff 0px solid; 
221    BORDER-BOTTOM: #ffffff 0px solid; 
222}
223TABLE.List {}{ border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
224TABLE.List TH,TABLE.List TD {}{ padding:4px;background-color:#eeeeee;border-bottom:2px solid #ffffff;border-right:1px solid #ffffff;border-left:1px solid #ffffff;color:#000000}
225TABLE.List TH {}{ background-color:#0064a8;border-top:2px solid #ffffff;color:#ffffff;font-weight:normal;}
226TABLE.List TH A:link {}{COLOR: #ffffff; TEXT-DECORATION: none}
227TABLE.List TH A:visited {}{COLOR: #ffffff; TEXT-DECORATION: none}
228TABLE.List TH A:hover {}{COLOR: #ffffff; TEXT-DECORATION: underline}
229
230TABLE.Form TH,TABLE.Form TD {}{ padding:4px;background-color:#f6f6f6;border-bottom:1px solid #F6F6F6;border-right:1px solid #ffffff;border-left:1px solid #ffffff;color:#000000}
231TABLE.Form TH {}{ background-color:#E8E8E8;border-top:1px solid #ffffff;color:#006699;font-size:12px;font-weight:normal;border-bottom:1px;}
232TABLE.Form TH A:link {}{COLOR: #ffffff; TEXT-DECORATION: none}
233TABLE.Form TH A:visited {}{COLOR: #ffffff; TEXT-DECORATION: none}
234TABLE.Form TH A:hover {}{COLOR: #ffffff; TEXT-DECORATION: underline}
235
236TABLE.Sample TD {}{ padding:2px;background-color:#f6f6f6;border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000}
237TABLE.Sample TH {}{ background-color:#AEC1D7;border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000;font-weight:normal;}
238
239TABLE.SampleD TD {}{ padding:2px;border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000}
240TABLE.SampleD TH {}{ border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000;font-weight:normal;}
241
242TABLE.Form1 TH,TABLE.Form1 TD {}{ padding:4px;background-color:#BED8F3;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-left:1px solid #ffffff;color:#000000}
243/**//**//**//*****************************************************
244 没有边框的输入框 
245*****************************************************/
246.NoneInput
247{}{
248    text-align:center;
249    width:99%;height:99%;
250    border-top-style: none;
251    border-right-style: none;
252    border-left-style: none;
253    background-color: #f6f6f6;
254    border-bottom-style: none;
255}
256
257/**//**//**//*****************************************************
258 扁平风格的表单样式
259*****************************************************/
260
261
262
263/**//**//**//*****************************************************/
264TABLE
265{}{
266    border-collapse:collapse;
267}
268
269/**//**//**//*
270进度条样式
271*/
272.bi-loading-status {}{
273  /**//**//**//*position:   absolute;*/
274  width:        150px;
275  padding: 1px;
276  overflow: hidden;
277  background-color:Gray;  
278}
279
280 
281
282.bi-loading-status .text {}{
283  white-space:  nowrap;
284  overflow:     hidden;
285  width:             100%;
286  text-overflow:     ellipsis;
287  padding:      1px; 
288}
289 
290
291.bi-loading-status .progress-bar {}{
292  border:       1px solid ThreeDShadow;
293  background:   window;
294  height:       10px;
295  width:        100%;
296  padding: 1px;
297  overflow: hidden; 
298}
299 
300
301.bi-loading-status .progress-bar div {}{
302  background:   Highlight;
303  overflow: hidden;
304  height:       100%;
305  filter:       Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
306}
307/**//**//**//*****************************************************
308 表头背景
309*****************************************************/
310.tabletop {}{
311    BACKGROUND-IMAGE: url(../images/tableTitle2.gif);height:25px;
312}
313/**//**//**//*****************************************************
314大标题
315*****************************************************/
316.tabletitle{}{
317   font-family: "Arial";FONT-SIZE: 12pt; COLOR:#0066cc;font-weight:bolder;filter : progid:DXImageTransform.Microsoft.DropShadow(color=#CCFFFF,offX=1,offY=1,positives=true);
318}
319/**//**//**//*****************************************************
320小标题
321*****************************************************/
322.smalltitle{}{
323   background-color:#E8E8E8;font-size:12px;font-weight:normal;color:#006699;
324}
325.calendarborder{}{
326   border: 1px #B7B7B7 solid;
327}

转自：http://www.cnblogs.com/zhangchenliang/archive/2008/03/06/1093363.html