经典的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  {}{
 81  CURSOR :  hand ;      /**//* 改变鼠标形状 */
 82  }
 83  /**//* 页面正文样式 */
 84  body 
 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  }
 98  TD  {}{  FONT-SIZE :  12px  }
 99  TH 
100  {}{
101      FONT-SIZE :  12px ;  
102  }
103  /**//* ************************************
104  下拉选择框显示风格
105  ************************************ */
106  SELECT
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  **************************************************** */
120  A:Link, A:Visited {}{ color : #223355 ; text-decoration :  none }
121  A:Hover {}{ color : red ; text-decoration : none ; }
122 
123  A.highlight:link, A.highlight:visited  {}{  color : red ;  text-decoration : none  }
124  A.highlight:hover  {}{  color : red ;  text-decoration : underline  }
125 
126  A.thisclass:link, A.thisclass:visited  {}{  color :  #D9EBFD ;  font-weight : bold ;  text-decoration : none  }
127  A.thisclass:hover  {}{  color :  #FFFFFF ; font-weight : bold ;   }
128 
129  A.navlink:link, A.navlink:visited  {}{ color :  #D9EBFD ;  text-decoration : none }
130  A.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  /**//* ****************************************************
190  DataGrid页眉样式
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  /**//* ****************************************************
204  DataGrid数据显示样式
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  }
223  TABLE.List  {}{  border-top :  1px solid #000000 ;  border-bottom :  1px solid #000000 ;   }
224  TABLE.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 }
225  TABLE.List TH  {}{  background-color : #0064a8 ; border-top : 2px solid #ffffff ; color : #ffffff ; font-weight : normal ; }
226  TABLE.List TH A:link  {}{ COLOR :  #ffffff ;  TEXT-DECORATION :  none }
227  TABLE.List TH A:visited  {}{ COLOR :  #ffffff ;  TEXT-DECORATION :  none }
228  TABLE.List TH A:hover  {}{ COLOR :  #ffffff ;  TEXT-DECORATION :  underline }
229 
230  TABLE.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 }
231  TABLE.Form TH  {}{  background-color : #E8E8E8 ; border-top : 1px solid #ffffff ; color : #006699 ; font-size : 12px ; font-weight : normal ; border-bottom : 1px ; }
232  TABLE.Form TH A:link  {}{ COLOR :  #ffffff ;  TEXT-DECORATION :  none }
233  TABLE.Form TH A:visited  {}{ COLOR :  #ffffff ;  TEXT-DECORATION :  none }
234  TABLE.Form TH A:hover  {}{ COLOR :  #ffffff ;  TEXT-DECORATION :  underline }
235 
236  TABLE.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 }
237  TABLE.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 
239  TABLE.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 }
240  TABLE.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 
242  TABLE.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  /**//* *************************************************** */
264  TABLE
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  }

转载于:https://www.cnblogs.com/xj728/archive/2006/02/17/332541.html