index.css

用这个代码可以完成简单的树结构编写

	background: #3572B3;
	color: #ffffff;
	cursor: hand;
	align: center;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
; height: 20px
; width: 52px
}

.button1 {
	background: #3572B3;
	color: #ffffff;
	cursor: hand;
	align: center;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
; height: 20px
; width: 80px
}

.button2 {
	background: #3572B3;
	color: #ffffff;
	cursor: hand;
	align: center;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
; height: 20px
; width: 120px
}
/* 虚线表格样式*/
.login_table{
  border:#000000
  border-width:1 1 1 1
  height=22px
}

.login_table_td {
  	border-collapse: collapse;
        font-size: 9pt;
		color: #000066;
        table-align: center;
	  
}

/* 页面文字样式 */
.unnamed1 {
	font-size: 9pt;
	color: #FFFFFF;
	letter-spacing: 2pt;
	text-decoration: none;
}

.select {font-size: 12px; background-color: #FFFFFF; height: 18px; clip:  rect(   )}
.page_txt {
color: #000000;
font-size: 12px;
letter-spacing:1pt;
; font-family: "宋体"
}

.select200 {font-size: 12px; background-color: #FFFFFF; height: 18px; clip:  rect(   ); width: 200px}
.page_txt {
color: #000000;
font-size: 12px;
letter-spacing:1pt;
; font-family: "宋体"
}

.select100 {font-size: 12px; background-color: #FFFFFF; height: 18px; clip:  rect(   ); width: 100px}
.page_txt {
color: #000000;
font-size: 12px;
letter-spacing:1pt;
; font-family: "宋体"
}

.select400 {font-size: 12px; background-color: #FFFFFF; height: 18px; clip:  rect(   ); width: 400px}
.page_txt {
color: #000000;
font-size: 12px;
letter-spacing:1pt;
; font-family: "宋体"
}

.info_error {
color: #ff0000;
font-size: 12px;
letter-spacing:1pt;
; font-family: "宋体"
}
.info_succeed {
color: #00ff00;
font-size: 12px;
letter-spacing:1pt;
; font-family: "宋体"
}
.page_tabletxt {
color: #FFFFFF;
font-size: 10pt;
letter-spacing:1pt;
}
.page_txtbt {
color: 183894;
font-size: 13px;
letter-spacing:normal;
; font-weight: bold
; font-family: "宋体"
}

/* 菜单文字样式 */
.menu_txt {
color: #000000;
font-size: 10.5pt;
letter-spacing:1pt;
}

/* 子菜单文字样式 */
.sub_menu_txt {
color: #000000;
font-size: 9pt;
}

/* 细线表格背景色 */
.line_color {  
    border-color: #D6D3CE;
}

/* 标题栏颜色的渐变 */
.title_gd {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#3572B3)
}

/* 信息列表表格变换颜色 */
.bh {  
    background-color: #E5EFF2;
}
.bbh {  
    background-color: none;
}

/* 文本框样式 */
.textbox1 {
    color: #000000; 
    border: auto solid;
    background: #FEFAB9 url(zhangwu/css/none);
; height: 18px
; width: 160px
}

.textbox {
    color: #000000; 
    border: 1px solid;
    background: #FFFFFF url(zhangwu/css/none);
; height: 18px
; border-color: #FFFFFF #FFFFFF #999999
}

.textboxlogin {
    color: #000000; 
    border: 1px #333333 solid;
    background: #FFFFFF url(zhangwu/css/none);
; height: 18px
}

.textbox2 {
    color: #000000; 
    border: 1px #A5A7A9 solid;
    background: #FFFFFF url(zhangwu/css/none);
; height: 18px
}

.textboxread{
    color: #000000; 
    border: auto #ABABAB solid;
    background: #F2F1EE url(zhangwu/css/none);
; height: 18px
}

/* 信息列表标题栏颜色的渐变 */
.list_jb {
    font-size: 10.5pt;
    text-align: center;
    letter-spacing:2pt;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#F7CB98)
}

/* 弹出窗口标题栏颜色的渐变 */
.tc_jb1 {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#CAE7FB,endColorStr=#CAE7FB)
}


.tc_jb2 {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#94A5B5,endColorStr=#94A5B5)
}

.tc_jb3 {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CAE7FB,endColorStr=#CAE7FB)
}

.tc_jb4 {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#00659C,endColorStr=#00659C);
color: #ffffff;font-size: 10pt; font-weight: bold;text-align:center;height=22px;
}


.GridHeader
{
	font-size: 12px;
	color: #006699;
	height: 20px;
	background-color: #E0F6FF;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px

}

.GridHeader A:link,.Grid_Header A:visited
{
	color:#164F85;
}
.GridHeader A:hover
{
	color:#164F85;
}

.GridGeneral
{
	font: 12px "Verdana", "Arial", "sans-serif";
	color: black;
	border: 1px #A8B960 solid;
	border-collapse:collapse;	
}

.GridGeneral TD
{
	border: 1px solid #E0EFA3;
	color:#666666;
}

.GridItem
{
	font: 12px Verdana, Arial, sans-serif, "宋体";
	vertical-align: baseline;
	color: black;
	background-color: white;
}

.GridAlternatingItem
{
	font: 12px Verdana, Arial, sans-serif;
	vertical-align: baseline;
	background-color: #f8f8f8;
}


.GridSelectedItem
{
	font: 12px Verdana, Arial, sans-serif;
	vertical-align: baseline;
	color: black;
	background-color: oldlace;
}
.GridPager
{
	font-size: 12px;
	color: #000000;
	height: 30px;
	background-color: #FFFFFF;
	text-align: right;
	padding: 2px 2px;
}
/* 菜单背景图片样式*/
.menu_bgimage {  
     background-attachment: fixed; 
     background-image: url(zhangwu/images/menu_left1.jpg); 
     background-repeat: no-repeat; 
     background-position: left bottom
}

/* top背景图片样式*/
.top_bg {  
     color: #ffffff;
     font-size: 10.5pt;
     background-attachment: fixed;
     background-image: url(zhangwu/images/top1.jpg); 
     background-repeat: no-repeat;
}

/* 下拉框样式 */
.select1 {
        BORDER-BOTTOM: buttonface 10px; 
        BORDER-LEFT:buttonface 1px; 
        BORDER-RIGHT: 10px; 
        BORDER-TOP: 1px; 
        background: #FFF8E2;
}

/*以下内容为代码库*/

/* top栏目图标 */
.bt_ico {  
   font-family: "Wingdings";
   font-size: 14pt; 
   color: #F57E27
   font-weight:bold;
}

/* 阴影表格样式（注意表格不要设定关于边框的任何属性）*/
.yy_table{
   filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5);
}

/* 背景一种颜色的渐变(tr无效) */
.bg_jb {
    FILTER: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,finishY=100); 
   BACKGROUND-COLOR: #C98322;
}

/* 背景两种颜色的渐变(tr无效) */
.bg_jb2 {
   FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#C98322)
}

.headerButtonLeft {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-decoration: none;
color: #000000;
background-color: #C5C3C6;

border-right: solid white 1px;
padding-right: 10px;
padding-left: 10px;
}

.headerButtonLeft:hover {
background-color: #f5f5f5;
color: black;
text-decoration: underline;
}

.headerButtonLeftSelected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
background-color: #D4D0C8;
border-right: solid white 1px;
padding-right: 10px;
padding-left: 10px;
}

.headerButtonRight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
background-color: #B4B0AA;
border-left: solid white 1px;
padding-right: 10px;
padding-left: 10px;
text-align: right;
}

.headerButtonRight:hover {
background-color: #D4D0C8;
color: black;
text-decoration: underline;
}

.headerButtonRightSelected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000099;
background-color: #D4D0C8;
border-left: solid white 1px;
padding-right: 10px;
padding-left: 10px;
}
DIV.row {  
background-color: #C5C3C6;
margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding: 0; text-align: center;
}

DIV.col {
border: none; float: left; margin: 0; padding: 0; width: auto;
}

DIV.col-fill {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt; font-weight: bold; text-decoration: none;
color: #000000;margin: 0; padding: 0; border: none; float: center;width: 0;
line-height: 1;
}

DIV.col-right {
border: none; float: right; margin: 0; padding: 0; width: auto;
}

DIV.contentarea {
background-color: #FFFFFF;
border: solid black 1px;
margin-top: 10px;
padding: 10px;
}

div.spacer {
  clear: both;
  }  
.buttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
color: #0E86AB;
}

A.buttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
color: #0E86AB;
}

A.buttontext:hover {
color: #333333;
text-decoration: underline;
}
body {
	background-color: #ffffff;
	background-position: 0px 0px;
}
/*
 *树控件
 */
.tree-control {
  font-family: arial, verdana, geneva, helvetica, sans-serif;
  font-size: 80%;
  line-height: 1.0;
}

.tree-control-selected {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

.tree-control-unselected {
  color: black;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
表格细线
.table_xxbg{
BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove;
BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove;
BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove;
BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove;
}

.menutitle
{
	background:url(../images/bg_menu_up.gif) left top no-repeat;
	font: normal 12px Arial;
	color: #2D3239;
	padding: 5px 0 0 25px;
	height: 22px;
}

.menutitle_
{
	background:url(../images/bg_menu_down.gif) left top no-repeat;
	font: normal 12px Arial;
	color: #2D3239;
	padding: 5px 0 0 25px;
	height: 22px;
}