一个比较漂亮的DataGrid样式表

时间:2021-05-20 19:36:43

body { font-family:宋体,MS Sans Serif; font-size:9pt; word-break:break-all; }
p  { font-family:宋体,MS Sans Serif; font-size:9pt; }
table { font-family:宋体,MS Sans Serif; font-size:9pt; }
tr  { font-family:宋体,MS Sans Serif; font-size:9pt; }
td
{
 font-size: 9pt;
 overflow: hidden;
 font-family: 宋体,MS Sans Serif;
}
input { font-family:宋体,MS Sans Serif; font-size:9pt; }

.InputField { font-family:宋体,MS Sans Serif;font-size:9pt; }

a:link  {   color: #003399;text-decoration: none;}
a:active{   color: #003399;text-decoration: none;}
a:hover {   color: #003399;text-decoration: none;}
a:visited {   color: #003399;text-decoration: none;}

.Banner { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:bold;
   color:#ffffff;filter:Shadow(color=#000000,directsion=135) }
   
.Title { font-family:宋体, MS Sans Serif;font-size:9pt;
   color:#ffffff; }

.Categoriestitle { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:bold;
   color:#000000; }
.Categoriestext { font-family:宋体, MS Sans Serif;font-size:9pt;
   color:#000000; }
   
.Copyrighttext { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:normal;
   color:#ffffff; }
   

.Menu:link  { color:#000000;text-decoration:none; }
.Menu:active { color:#000000;text-decoration:none; }
.Menu:hover  { color:#000000;text-decoration:none; }
.Menu:visited { color:#000000;text-decoration:none; }

.ErrTitle{ font-family:宋体, MS Sans Serif;font-size:18pt;font-weight:bold;
   color:#000000; }
   
.Subject{ font-family:宋体, MS Sans Serif;font-size:16pt;font-weight:bold;
   color:#003399; }
   
.SubjectDesc { font-family:宋体, MS Sans Serif;font-size:9pt;color:#003399;font-weight:normal }
  
.ContextTitle{ font-family:宋体, MS Sans Serif;font-size:12pt;font-weight:bold;
   color:#000000; }
   
   
.NewButton  { width:16px;height:15px;background-image:url(../images/banner/new.gif) }
.EditButton  { width:16px;height:15px;background-image:url(../images/banner/edit.gif) }
.DelButton  { width:16px;height:15px;background-image:url(../images/banner/del.gif) }
.OptionButton { width:16px;height:15px;background-image:url(../images/banner/option.gif) }
.QueryButton { width:16px;height:15px;background-image:url(../images/banner/query.gif) }
.SetUserButton { width:16px;height:15px;background-image:url(../images/banner/user.gif) }
.SetRightButton { width:16px;height:15px;background-image:url(../images/banner/userright.gif) }
.ChgPwdButton { width:16px;height:15px;background-image:url(../images/banner/pwd.gif) }
.SetRoleButton { width:16px;height:15px;background-image:url(../images/banner/role.gif) }
.ImportButton { width:16px;height:15px;background-image:url(../images/banner/import.gif) }
.PrintButton { width:16px;height:15px;background-image:url(../images/banner/print.gif) }
.TaskButton { width:16px;height:16px;background-image:url(../images/banner/task.gif) }

.kaoqinButton { width:16px;height:16px;background-image:url(../images/banner/kaoqin.gif) }
.transferButton { width:16px;height:16px;background-image:url(../images/banner/transfer.gif) }
.salaryButton { width:16px;height:16px;background-image:url(../images/banner/salary.gif) }
.workthingButton { width:16px;height:16px;background-image:url(../images/banner/workthing.gif) }
.performanceButton { width:16px;height:16px;background-image:url(../images/banner/performance.gif) }
.checkButton { width:16px;height:16px;background-image:url(../images/banner/check.gif) }
.workButton  { width:16px;height:16px;background-image:url(../images/banner/work.gif) }
.exitButton  { width:16px;height:16px;background-image:url(../images/banner/exit.gif) }
.backButton  { width:16px;height:16px;background-image:url(../images/banner/back.gif) }
.saveButton  { width:16px;height:16px;background-image:url(../images/banner/save.gif) }

.iconPwd  { width:16px;height:16px;background-image:url(../images/banner/pwd.gif)}
.iconHome  { width:16px;height:16px;background-image:url(../images/banner/home.gif)}
.iconCwd  { width:16px;height:16px;background-image:url(../images/banner/chgpwd.gif)}

.Maintenance { width:24px;height:24px;background-image:url(../images/banner/maintenance.gif) }
.ModifyTitle { width:24px;height:24px;background-image:url(../images/banner/modify.gif) }
.WorkBooks  { width:24px;height:24px;background-image:url(../images/banner/workbooks.gif) }


.Error { font-family:宋体, MS Sans Serif;font-size:9pt;
   color:#ff0000; }
   
.tInfo  { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:bold;color:"#B6972E" }
.tInfo2  { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:bold;color:"#003399" }

.GridBorder { border-top:solid 1px #6595d6;border-left:solid 1px #6595d6;border-right:solid 1px #6595d6;border-bottom:solid 1px #6595d6}

.grid-header a:active
{
 color: #222222;
 text-decoration: none;
}
.grid-header a:link
{
 color: #222222;
 text-decoration: none;
}
.grid-header a:visited
{
 color: #222222;
 text-decoration: none;
}
.grid-header a:hover
{
 color: #222222;
 text-decoration: none;
}
.grid-edit-column
{
 border-top: #696969 1px solid;
 border-bottom: #696969 1px solid;
 border-left: #696969 1px solid;
}
.grid-first-item
{
 border-top: #696969 1px solid;
 border-right: #696969 1px solid;
 border-bottom: #696969 1px solid;
 padding-right: 4px;
 padding-left: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 margin: 1px;
}
.grid-item
{
 border-right: #696969 1px solid;
 border-top: #696969 1px solid;
 border-left: #696969 1px double;
 border-bottom: #696969 1px solid;
 padding-right: 4px;
 padding-left: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 margin: 1px;
}
.grid-header
{
 border-bottom: #696969 1px solid;
 font-weight: bold;
 font-size: 11px;
 color: #696969;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-last-item
{
 border-top: #696969 1px solid;
 border-left: #696969 1px solid;
 border-bottom: #696969 1px solid;
 padding-right: 4px;
 padding-left: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 margin: 1px;
}

Input.AddButton
{
 background-color:Transparent;
 color:#264A54;
 background-image:url(../images/banner/);
 height:19;
 width:95;
 background-position:0 0;
 background-repeat:no-repeat;
 overflow:hidden;
 cursor:hand;
 font-family:Tahoma;
 border-style:none;
}

Input.QueryButton
{
 background-color:Transparent;
 color:#264A54;
 background-image:url(../images/banner/btn_query.gif);
 height:19;
 width:95;
 background-position:0 0;
 background-repeat:no-repeat;
 overflow:hidden;
 cursor:hand;
 font-family:Tahoma;
 border-style:none;
}

Input.ReportButton
{
 background-color:Transparent;
 color:#264A54;
 background-image:url(../images/banner/btn_check&accept.gif);
 height:19;
 width:95;
 background-position:0 0;
 background-repeat:no-repeat;
 overflow:hidden;
 cursor:hand;
 font-family:Tahoma;
 border-style:none;
}

Input.CheckAcceptButton
{
 background-color:Transparent;
 color:#264A54;
 background-image:url(../images/banner/btn_check&accept.gif);
 height:19;
 width:95;
 background-position:0 0;
 background-repeat:no-repeat;
 overflow:hidden;
 cursor:hand;
 font-family:Tahoma;
 border-style:none;
}