📄 index.css

📁 用这个代码可以完成简单的树结构编写
💻 CSS
📖 第 1 页 / 共 2 页
字号:
12 下一页
body {
	font-size: 12pt;
	color: #666666;
	
}
biao {
	font-size: 12pt;
	color: #00000;
}
main {
	font-size: 12pt;
	color: #666666;
	line-height: 28px;
}
.td
{

	background-image: url(../images/t2.gif);
	background-attachment: fixed;
	background-position:top center;
	background-repeat: no-repeat;
	padding:6px 0 0 50px;
	font: bold 9pt Arial;
	color: #F0FFFF;


	font: bold 9pt Arial;
	color: #666666;
}
.td a:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#666666;;
text-decoration: none;
}
.td a:hover{
background-image: url(../images/t1.gif);

	background-attachment: fixed;
	background-position:top center;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	
	
}
.td a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
}
.main{

letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "宋体";	
	font-size: 9pt;
	line-height: 18px;}
	.top1{


	COLOR: #ffffff; 
	FONT-FAMILY: "宋体";	
	font-size: 9pt;
	}
	.top1 a:link{


	COLOR: #ffffff; 
	FONT-FAMILY: "宋体";	
	font-size: 9pt;
	}
	.top1 a:hover{


	COLOR: #ffffff; 
	FONT-FAMILY: "宋体";	
	font-size: 9pt;
	}
	.top1 a:visited{


	COLOR: #ffffff; 
	FONT-FAMILY: "宋体";	
	font-size: 9pt;
	}a:active
	.top1 a:active{


	COLOR: #ffffff; 
	FONT-FAMILY: "宋体";	
	font-size: 9pt;
	}
	.bom{

letter-spacing: 1px;
	COLOR: #ffffff; 
	FONT-FAMILY: "宋体";	
	font-size: 9pt;
	line-height: 18px;}
	.bom1{

letter-spacing: 1px;
	COLOR: #2473BC; 
	FONT-FAMILY: "宋体";	
	font-size: 9pt;
	line-height: 18px;}

.top{

letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;}
	
.top a:link{
	
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
}	
	
.top a:hover{
	
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
}	
.top a:visited{
letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
	
}
.top a:active{
	letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
}


.main1{

letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;}
	
	.main1 a:link{
	
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
}	
	
.main1 a:hover{
	
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
}	
.main1 a:visited{
letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
	
}
.main1 a:active{
	letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
}
.main11{

letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;}
	
	.main11 a:link{
	
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
}	
	
.main11 a:hover{
	
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
}	
.main11 a:visited{
letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
	
}
.main11 a:active{
	letter-spacing: 1px;
	COLOR: #666666; 
	FONT-FAMILY: "新宋体";	
	font-size: 9pt;
	line-height: 18px;
}
.input_text
{
	background: #ffffff;
	height: 16px;
	width: 70px;
	font: bold 12px Arial,'宋体';
	padding: 0 3px 0 3px;
	color: #6F7F95;
	border: 1px solid #999999;
	
}
.table_content_area
{
	font: normal 11px Arial;
	color: #666666;
	padding: 2px;
}

/* 全局文字连接样式(不需要调用) */ 
A:link {COLOR: #003061; TEXT-DECORATION: none} 
A:visited{COLOR: #003061; TEXT-DECORATION: none} 
A:hover{COLOR: #666666;text-decoration:underline} 
A.a01:link {
	COLOR: #FFFFFF;
} 
A.a01:visited {COLOR: #000000} 
A.a01:hover {COLOR: #FFFFFF; text-decoration:none} 
A.a02:link {COLOR: red; TEXT-DECORATION: line-through} 
A.a02:visited {COLOR: red; TEXT-DECORATION: line-through} 
A.a02:hover {COLOR: green;text-decoration:none} 
A.a03:link {COLOR: #ff6600; TEXT-DECORATION: none} 
A.a03:visited {COLOR: #ff6600; TEXT-DECORATION: underline} 
A.a03:hover {COLOR: green;text-decoration:none} 
/* 页面全局属性 */ 
.page_global { color: #000000; margin-top: 5px; margin-right: auto; 
margin-bottom: auto; margin-left: 5px; font-size: 10.5pt; background-attachment: 
fixed; background-image: url(../images/page_bg.jpg); background-repeat: repeat } 
/* 主标题文字样式 */ 
.title { color:blue; font-size: 20pt; text-align:center; font-weight:bold; 
filter: blur(add=true,direction=135,strengh=20); } 
/* 次标题文字样式 */ 
.sub_title { color:green; font-size: 10.5pt; font-weight:bold; } 
/* 一般表格边框样式(不需要调用) */
.table { border:#000000 dashed; border-width:1 0 0 1 } 
.table_frame {
font-size: 13px;
color: 183894;
BORDER-COLLAPSE: collapse;
LETTER-SPACING: 1pt;
;font-weight: bold
;font-family: "宋体"
}
.table_text {
	FONT-SIZE: 9pt;
	COLOR: #000000;
	LETTER-SPACING: 1pt;
	border: thin none #CCCCCC;
}
.table_title {
	FONT-SIZE: 9pt;
	COLOR: #000000;
	LETTER-SPACING: 1pt;
	font-weight: bold;
}	
.td { border:#000000 dashed; border-width:0 1 1 
0 font-size: 10.5pt; } 
/* 文字样式 */ 
.txt {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0691F2;
	text-align: center;
} 
/* 文字背景样式 */ 
.txt_bgcolor { font-size: 9pt; background-color:#0691F2} 
/* 表格背景图片样式*/ 
.td_bg { border:#000000 dashed; border-width:0 1 1 0 font-size: 10.5pt; background-attachment; 
fixed; background-image: url(../images/search_bg.jpg); background-position: right 
bottom; background-repeat: no-repeat; } 
/* 标题栏颜色的渐变 */
.title_gd {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#ffffff)
	font-weight: bold;
}
/* 信息列表表格变换颜色 */
.bh {  
    background-color: #DEF1FE;
}
.bbh {  
    background-color: none;
}
/* 文本框样式 */ 
.textbox1 {
	color: #000000;
	border: 1px solid #999999;
	background-color: #FFFFFF;
} 
.textbox2 { color: #000000; border: 1px solid #CCCCCC; background-color: #FFFFFF;}
.textbox3 { border-color: black black #000000; border-style: solid; border-top-width: 0px; border-right-width: 
0px; border-bottom-width: 1px; border-left-width: 0px; width: background-attachment; 
fixed; background-image: url(../images/page_bg.jpg); background-repeat: repeat; } 
/* 下拉框样式 */ 
.select {
	border: thin solid #FFFFFF;
	display: inline;
	width: 160px;
} 
.select1 {
	border: thin solid #FFFFFF;
	display: inline;
	width: 30px;
} 
.select2 {
	border: thin solid #FFFFFF;
	display: inline;
	width: 55px;
} 
/* 阴影表格样式*/ 
.table_tx{ font-size: 31pt; color: #FF9900; font-weight: bold; text-align:center; font-family: "黑体"; letter-spacing: 10px; filter:Glow(Color:#333333, Strength:1) 
shadow(color:#333333,direction=120); } 
.tree_button{ filter:progid:DXImageTransform.Microsoft.Shadow(Color=#000000,Direction=120,strength=6); } 
.lj_bak { font-size: 31pt; color: #FF9900; font-weight: bold; text-align:center; 
font-family: "黑体"; letter-spacing: 10px; filter:Glow(Color:#333333, Strength:1) 
shadow(color:#333333,direction=120); } 
.submit { background: #f7f7f7; border-bottom: #000000 0px; border-left: #000000 0px; border-right: #000000 0px; border-top: 
#000000 0px; color: #333333; cursor: hand; font-size: 10.5pt; height: 15px; } 
.submit1 { background: #f7f7f7; border-bottom: #000000 0px; border-left: #000000 0px; border-right: #000000 0px; border-top: #000000 0px; color: #333333; cursor: 
hand; font-size: 10.5pt; height: 15px; font-weight: bold; letter-spacing:1.5pt; } 
/* 背景一种颜色的渐变(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) } 
/* 细线分割框架背景色 */ 
.bg_color { background: #C98322; } 
input.textfield{ BACKGROUND-COLOR: 
; BORDER-BOTTOM: # 1px solid; BORDER-LEFT: #0 0px solid; BORDER-RIGHT: # 0px solid; 
BORDER-TOP: # 0px solid; COLOR: #000000; FONT-SIZE: 9pt; HEIGHT: 18px; TEXT-ALIGN: 
left } 
.BUTTON{
	BORDER-RIGHT: #c0c0c0 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	FONT-SIZE: 12.6px;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-BOTTOM: #c0c0c0 1px 
solid;
	FONT-FAMILY: 宋体;
	BACKGROUND-COLOR: #0993F1;
	width: 40px;
	text-align: center;
	height: 18px;
}
.BUTTON1{
	BORDER-RIGHT: #c0c0c0 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	FONT-SIZE: 18px;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-BOTTOM: #c0c0c0 1px 
solid;
	FONT-FAMILY: "宋体";
	BACKGROUND-COLOR: #0993F1;
	width: 20px;
	text-align: center;
	height: 21px;
}
.thData{
BACKGROUND:0a6846;
}
.tableData {
BACKGROUND: white; BORDER-BOTTOM: white 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-RIGHT: white 1px dashed; BORDER-TOP: white 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
}
.inputTableData {
BACKGROUND: white; BORDER-BOTTOM: white 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-RIGHT: white 1px dashed; BORDER-TOP: white 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px;width:100%;
}
.tableDataSel {
BACKGROUND: #6090d0; BORDER-BOTTOM: #6090d0 1px dashed; BORDER-LEFT: #6090d0 1px dashed; BORDER-RIGHT: #6090d0 1px dashed; BORDER-TOP: #6090d0 1px dashed; COLOR: white; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
}
.tableDataHit {
BACKGROUND: #d0e0ff; BORDER-BOTTOM: #d0e0ff 1px dashed; BORDER-LEFT: #d0e0ff 1px dashed; BORDER-RIGHT: #d0e0ff 1px dashed; BORDER-TOP: #d0e0ff 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
}
.inputTableDataHit {
BACKGROUND: #d0e0ff; BORDER-BOTTOM: #d0e0ff 1px dashed; BORDER-LEFT: #d0e0ff 1px dashed; BORDER-RIGHT: #d0e0ff 1px dashed; BORDER-TOP: #d0e0ff 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px;width:100%
}
.tableDataOver {
BACKGROUND: #d0e0ff; BORDER-BOTTOM: #d0e0ff 1px dashed; BORDER-LEFT: #d0e0ff 1px dashed; BORDER-RIGHT: #d0e0ff 1px dashed; BORDER-TOP: #d0e0ff 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px
}
.scheduleButtonVisible {
BACKGROUND: silver; BORDER-BOTTOM: gray 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-RIGHT: gray 1px dashed; BORDER-TOP: white 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: webdings; FONT-SIZE: 12px
}

/* 默认文字连接样式(不需要调用) */
/*A:link{COLOR: #000000; TEXT-DECORATION: underline}
/*A:visited{COLOR: #000000; TEXT-DECORATION: none}
/*A:hover{COLOR: #000000;text-decoration:underline}

/* 子菜单文字连接样式 */
A.01:link {COLOR: #000000; font-size: 9px;TEXT-DECORATION: underline}
A.01:visited {COLOR: #000000; font-size: 12px; TEXT-DECORATION: none}
A.01:hover {COLOR: #999999;font-size: 12px; text-decoration:none}

/* 常用功能文字连接样式 */
A.02:link {COLOR: #FFFFFF; font-size: 12px; TEXT-DECORATION: none}
A.02:visited {COLOR: #FFFFFF; Tfont-size: 12px; EXT-DECORATION: none}
A.02:hover {COLOR: #FFFF66;font-size: 12px; text-decoration:none}
A.03:link {
	font-family: "宋体";
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: lighter;
}
A.03:visited {
	font-family: "宋体";
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: lighter;
}
A.03:hover {
	font-family: "宋体";
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: lighter;
}
A.03:active {
	font-family: "宋体";
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: lighter;
}
/* 页面全局属性(不需要调用) */
'body{
        background-color:     ;
        color: #000000;
	    margin-top: 0px;
	    margin-right: auto;
	    margin-bottom: auto;
	    margin-left: 0px;
	    font-size: 9pt;
	    line-height: 12pt;
        background-image: url(../images/page_bg.jpg); 
}
/* 一般表格边框样式(不需要调用) */
'table{
        border-collapse: collapse;
        font-size: 12pt;
        table-align: center;
		color: #ffffff;font-size: 10pt; font-weight: bold;text-align:center;height=22px;
}

.table_frame {
font-size: 13px;
color: 183894;
BORDER-COLLAPSE: collapse;
LETTER-SPACING: 1pt;
;font-weight: bold
;font-family: "宋体"
}
.table_title {
	FONT-SIZE: 9pt;
	COLOR: #000000;
	LETTER-SPACING: 1pt;
; height: 21px


}
/* 按钮样式 */
.button {
12 下一页
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -