css-example

 

<style type="text/css">
.tableCell,
.simpleTableCell,
.simpleTableDarkCell,
.subTable,       
.rowHeaderCell,
.rowHeaderDarkCell,
.columnHeaderCell,
.columnHeaderDarkCell,
.subRowHeaderCell,
.subRowHeaderDarkCell,
.subRowTotalCell,
.subRowTotalDarkCell,
.subRowCell,
.subRowDarkCell
{
border:2px solid rgb(60,60,60);
text-align:center;
font-size:12px;
font-family:Arial;
padding:0px;
margin:0px;   
border-collapse:collapse;
}

.simpleTableCell,.simpleTableDarkCell{
border:1px solid rgb(60,60,60);
}   
.simpleTableDarkCell{background-color:rgb(245,245,245);}

.subTable{
border:1px solid rgb(60,60,60);
width:300px;
height:100px;           
}

.rowHeaderCell, .rowHeaderDarkCell{
border:1px solid rgb(60,60,60);
border-right:2px solid rgb(60,60,60);
color:rgb(60,60,60);
height:100px;
width:100px;
font-size:14px;
font-weight:bold;
background-color:rgb(255,228,181);     
}
.rowHeaderDarkCell{
background-color:rgb(235,208,161);
}

.columnHeaderCell,.columnHeaderDarkCell{
border:1px solid rgb(60,60,60);
border-bottom:2px solid rgb(60,60,60);
height:60px;
width:200px;
color:rgb(60,60,60);
font-size:14px;
font-weight:bold;
background-color:rgb(173,216,230);
}
.columnHeaderDarkCell{background-color:rgb(153,196,210);}   

.subRowHeaderCell,.subRowHeaderDarkCell{
border:1px solid rgb(60,60,60);
color:rgb(60,60,60);
font-size:13px;
font-weight:bold;
background-color:rgb(255,255,224);
width:180px;     
}
.subRowHeaderDarkCell{background-color:rgb(235,235,204);}

.subRowTotalCell,.subRowTotalDarkCell{
border:1px solid rgb(60,60,60);
color:rgb(60,60,60);
font-size:13px;
font-weight:bold;
background-color:rgb(255,228,181);
width:180px;
}   
.subRowTotalDarkCell{background-color:rgb(235,208,161);}   

.subRowCell,.subRowDarkCell{
border:1px solid rgb(60,60,60);
color:rgb(60,60,60);
font-size:13px;
width:120px;
}   
.subRowDarkCell{
background-color:rgb(245,245,245);
width:120px;       
}           
</style>

Leave a Reply