设计一个Table 样式 ,自己写的样式在下面。

body { margin: 0 5px 0 0; font-size: 13px; font-family:宋体 ,微软雅黑 ; }
table, tr, td { font-size: 13px; }
body,ul,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset{margin:0;padding:0;}
A { color: #004f99; text-decoration: none; }
A:hover { text-decoration: underline; }
.Title { font-weight: bold; font-size: 16px; border: #2694e8 1px solid; margin: 5px 0 0 5px;
         padding-left: 3px; padding-right: 3px; padding-bottom: 3px; padding-top: 5px;
          width: 954px; height: 23px; background: url(/images/titlebg.png) #99c2ff repeat-x 50% 50%; }

 

.Main { width: 960px; height: 716px;
margin: 0 0 0 5px; border-left: #2694e8 1px solid; border-bottom: #2694e8 1px solid; border-right: #2694e8 1px solid;
 text-align:center;}
.Main .addtable{background:#2694E8}
.Main .addtable tr{background:#fff}

.TableDouble { border-left-color: #d1ddf1; border-bottom-color: #d1ddf1; width: 800px; border-top-style: double; border-top-color: #d1ddf1; border-right-style: double; border-left-style: double; border-right-color: #d1ddf1; border-bottom-style: double; }
.Search { padding: 5px; background-color: #d1ddf1; }

.ShowList { width: 945px; height: 80%; padding-right: 15px; overflow-y: scroll; overflow-x: hidden; scrollbar-arrow-color: #29427c; scrollbar-face-color: #e0e2ee; crollbar-darkshadow-color: #b5c4e7; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #d1daf0; scrollbar-track-color: #f0f0f0; scrollbar-3dlight-color: #b2c1e6; }
.ButtonList { padding: 5px; background-color: #d1ddf1; border-top: #2694e8 1px solid; }
.MainTable { width: 98%; }
.FiledTd { width: 100px;text-align:right; }
.out { border: #507CD1 1px solid; padding: 1px 0; }
.on { border: #fdc87d 1px solid; padding: 1px 0; }

/* button */

.btn { border-right: #7b9ebd 1px solid; padding-right: 2px; border-top: #7b9ebd 1px solid; padding-left: 2px; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); border-left: #7b9ebd 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #7b9ebd 1px solid; cursor: pointer; }
.btn1_mouseout { border-right: #7EBF4F 1px solid; padding-right: 2px; border-top: #7EBF4F 1px solid; padding-left: 2px; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); border-left: #7EBF4F 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #7EBF4F 1px solid; }
.btn1_mouseover { border-right: #7EBF4F 1px solid; padding-right: 2px; border-top: #7EBF4F 1px solid; padding-left: 2px; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); border-left: #7EBF4F 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #7EBF4F 1px solid; }
.btn2 { padding: 2 4 0 4; font-size: 12px; height: 23; background-color: #ece9d8; border-width: 1; }
.btn3_mouseout { border-right: #2C59AA 1px solid; padding-right: 2px; border-top: #2C59AA 1px solid; padding-left: 2px; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); border-left: #2C59AA 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #2C59AA 1px solid; }
.btn3_mouseover { border-right: #2C59AA 1px solid; padding-right: 2px; border-top: #2C59AA 1px solid; padding-left: 2px; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); border-left: #2C59AA 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #2C59AA 1px solid; }
.btn3_mousedown { border-right: #FFE400 1px solid; padding-right: 2px; border-top: #FFE400 1px solid; padding-left: 2px; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); border-left: #FFE400 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #FFE400 1px solid; }
.btn3_mouseup { border-right: #2C59AA 1px solid; padding-right: 2px; border-top: #2C59AA 1px solid; padding-left: 2px; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); border-left: #2C59AA 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #2C59AA 1px solid; }
.btn_2k3 { border-right: #002D96 1px solid; padding-right: 2px; border-top: #002D96 1px solid; padding-left: 2px; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); border-left: #002D96 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #002D96 1px solid; }

input.button { border-right: #7b9ebd 1px solid; padding-right: 2px; border-top: #7b9ebd 1px solid; padding-left: 2px; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); border-left: #7b9ebd 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #7b9ebd 1px solid; }

.edit_button, .del_button, .add_button, .detail_button { width: 16px; height: 16px; cursor: pointer; border: 0; }

.edit_button { background: url(/images/opEdit.gif); }
.del_button { background: url(/images/opDel.gif); }
.add_button { background: url(/images/add.png); }
.detail_button { background: url(/images/application_form_detail.png); }

/* gridview*/
.OverRow { background-color: #A1ADF1; text-align: center; }
.SelectedRow { background-color: #D1DDF1; color: #333333; font-weight: bold; text-align: center; }
.Row { background-color: #EFF3FB; text-align: center; }
.AlternatingRow { background-color: White; text-align: center; }
.HeaderRow { background-color: #507CD1; color: White; font-weight: bold; text-align: center; }
.HeaderRow a { color: #fff; }
.PagerRow { background-color: White; height: 26px; }
.PagerRow a { color: #000; text-decoration: none; background: #fff; border: solid 1px #fff; }
.PagerRow a:hover { color: #fff; text-decoration: none; background: #88e; border: solid 1px #66f; }
.PagerRow span { color: #fff; background: #88e; border: solid 1px #66f; }

.RightMenu { border-right: 2px outset; border-top: 2px outset; border-left: 2px outset; border-bottom: 2px outset; background-color: buttonface; }
.RightMenu hr { width: 100px; }
.RightMenu ul { list-style: none; margin: 0; padding: 0; }
.RightMenu ul li { vertical-align: bottom; }
.RightMenu A { color: MenuText; text-decoration: none; display: block; width: 100px; text-align: center; line-height: 20px; }
.RightMenu A:link { color: MenuText; text-decoration: none; }
.RightMenu A:active { color: MenuText; text-decoration: none; }
.RightMenu A:visited { color: MenuText; text-decoration: none; }
.RightMenu A:hover { color: HighlightText; background-color: Highlight; }


.tgDefault { border-top: 1px solid #7c7c94; background-color: #ffffff; border-spacing: 0px; font-size: 12px; font-family: 宋体, 'Arial' , 'Verdana' , 'sans-serif' , 'Times New Roman'; }
.tgDefault img { border: 0px; padding: 0px; margin: 0px; display: inline-block; }
.tgDefault td { padding: 0px; margin: 0px; border-bottom: 1px solid #7c7c94; line-heigth: 20px; height: 20px; }

.TreeDiv { width: 440px; height: 420px; padding-right: 15px; overflow: auto; scrollbar-arrow-color: #29427c; scrollbar-face-color: #e0e2ee; crollbar-darkshadow-color: #b5c4e7; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #d1daf0; scrollbar-track-color: #f0f0f0; scrollbar-3dlight-color: #b2c1e6; }


/*command*/
    .messagetext {overflow:hidden; zoom:1; border-left:1px solid #000; border-right:1px solid #000; padding:0 10px;  text-align:left; background:#ffffe1; word-break : break-all; letter-break:break-all; }
    .messagetext img {float:left;margin:0 3px 3px 3px;}
    .infomessage {float:right;margin-top:-10px;margin-right:-4px;}
    *html .infomessage{margin-top:-15px;}
/*command*/

/*
author:liulf
*/
.divScrolling
{
    overflow:scroll;
    border:1px solid;
    height:200px;
}
/*
记帐凭证
*/
.acountDocument
{
 width:100%;
 height:80%;
 color:Green;
 font-size:15px;
}
.accountDocTitle
{
    word-spacing:20px;
    position:relative;
    text-align:center;       
     font-size:22px;
     font-weight:bold;
     top:10px;
      letter-spacing:10px;
}
.accDocDate
{
    position:relative;
    text-align:center;    
     top:20px;
       left:30px;
       letter-spacing:10px;
}
.accDocBh
{
    position:relative;
    text-align:center;    
     top:25px;
       left:200px;
}
.accDocContent
{
    position:relative;    
    text-align:center;
    top:30px;    
    left:50px;
    width:90%;
    height:60%;    
    background-color: green;
    border:.5px;
    border-bottom:.5px;
    border-right:.5px;
}
.accDocContent td
{
    background-color:#fff;
    font-size: 15px;
    letter-spacing:10px;
    border-style:none;
    border-width:.1px;
}
.accDocbot
{
    position:relative;
    text-align:center;
    top: 0px;
    left: 0px;
}
 
.accdocFj
{
    position:relative;
    left:920px;
    top:-240px;
    writing-mode: tb-rl;    
}
/*凭证相关信息*/
.accdocXgxx
{
      position:relative;
      border:1px;
      border-style:solid;
      left:50px;      
      border-color:Green;    
      width:870px;      
      height:110px;
      font-size:15px;
      top:13px;
}
.accdocXgxx td
{
    background-color:#fff;
    font-size: 15px;    
    border-style:none;
    border-width:.1px;
    border-color:Green;
}
.accDocHs
{
     position:relative;    
     left:-310px;
}
.accDocXuanXiang
{
    text-align:left;
    position:relative;
    float:none;
    top:10px;
    left: 0px;
}
/*编辑页面*/
.editTable
{
    position:relative;
    background-color:#00CCFF;
    border-bottom:.5px;
    border-right:.5px;
    border:#000000 1px solid;
    border-collapse:collapse;
    text-align:left;
}
.editTable td
{    
    font-size: 15px;
    background-color:#fff;     
    /*background-color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"white":"#EFF3FB"));    */
    border:#507CD1 1px solid;
    border-collapse:collapse;
}
 
.ChargeApply
{        
    color:Blue;
    background-color:#CCCCFF;
    background:#CCCCFF;
    font-weight:bold;    
    font-size:large;
    font-family:仿宋_GB2312;    
    
}
.ChargeApply td
{
    background:#CCCCFF;
}
/*退提错误提示信息*/
.tj_error
{
    font-weight:bold;    
    color:Red;
    font-size:large;
    font-family:仿宋_GB2312;
}

你可能感兴趣的:(table)