BIRT樣式問題

1.右鍵單擊工程，選擇new>Other>Web>CSS，建立一個CSS文件，比如birt.css

2.在birt.css裏寫樣式，如果CSS不熟的話，可以到我的CSDN共享資源裏下載，這個報表能應付一般簡單的表格

3.點一個報表文件，選擇Layout標籤，然後再Outline窗口下看到Styles，下面有兩個默認的Style，可以先刪除。然後右鍵單擊Styles，選擇"Use CSS File..."，找到剛纔建立的birt.css

4.然後就OK了，如果修改了birt.css，只需要右鍵單擊Outline窗口下的Styles的birt.css，選擇"Reload CSS File"

 

 

 

birt.css

@CHARSET "UTF-8";
/*報表名稱*/
.title{
  font-size:16px;
  font-weight:bold;
  color:#211FBD;
  text-align:center;
}

/*表格通用樣式*/
.tables{
 text-align:center;
 line-height:25px;
 font-size:14px;
 margin: 0;
 border: 1px solid #99CCCC;
}
/*表格第一行，注意不是表格的th，有些客戶要求把合計行放到最上面*/
.table-first-row{
 color:#666666;
 font-weight:normal;
}
/*表格正文*/
.table-rows{
 padding: 6px 4px 1px 4px;
 border-bottom: 1px solid #DDDDDD;
 color: #333333;
 vertical-align: middle;
}
/*表格的表格線*/
.table-border{
 border: 1px solid #DDDDDD;
 padding: 1px;
 float: left;
}
/*表格的th*/
.table-th{
 background: url(img/tableHeadBG.gif) repeat-x left top;
 padding: 8px 4px 2px 4px;
 border-bottom: 1px solid #DDDDDD;
 font-weight: bold;
 color: #333333;
 vertical-align: middle;
}

/*最後一列(幾列之和、幾列之差等運算)*/
.table-last-column{
 background-color:#E2EAF3;
}
/*最後一行(求統計等)*/
.table-last-row{
 background-color:#FFFFCC;
 color: #333333;
 font-weight:bold;
}