`
everlxq
  • 浏览: 108674 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

css3.css

 
阅读更多 
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	color: #383838; 
}
a {
	text-decoration: underline;
	color: #027000;
}

.top {
	background-image: url(../images/top_bg.jpg);
	background-repeat: repeat-x;
	height: 47px;
}
.top_pic {
	background-image: url(../images/top_pic.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 560px;
	height: 47px;
}
.top_right {
	background-image: url(../images/top_right.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 47px;
	padding-left: 50px;
}
.top_info {
	float: right;
	margin-top: 14px;
	margin-right: 10px;
}
.top_info a{
	font-size: 12px;
	color: #003300;
	text-decoration: none;
	font-weight: bold;
}

.menucss {
	width: 176px;
	float: left;
}
.subone {
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	height: 31px;
	width: 167px;
	float: left;
	margin-bottom: 1px;
}
a.subonelink {
	float: left;
	margin-top: 11px;
	margin-left: 8px;
	color: #2a5e01;
	text-decoration: none;
	font-weight: bold;
}
.subone_onpic {
	float: right;
	height: 31px;
	width: 12px;
	margin-right: 7px;
	background-image: url(../images/d_up.jpg);
	background-repeat: no-repeat;
}
.subone_offpic {
float: right;
	height: 31px;
	width: 12px;
	margin-right: 7px;
	background-image: url(../images/d_down.jpg);
	background-repeat: repeat-x;
}
.subtow {
	width: 158px;
	float: left;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 6px;
}
a.subtowlink {
	float: left;
	margin-top: 4px;
	color: #5e595d;
	text-decoration: none;
	margin-left: 5px;
}
.subtowon {
	height: 21px;
	width: 200px;
	background-image: url(../images/menu_subon.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	border: 1px solid #bbf1bf;
}


.subtowoff {
	background-color: #FFFFFF;
	height: 23px;
	width: 200px;
	background-image: url(../images/menu_suboff.jpg);
	background-repeat: no-repeat;
	background-position: 16px 6px;
}
.menu_more {
	float: left;
	height: 13px;
	width: 14px;
	margin-top: 4px;
	margin-left: 4px;
}
.menu_one {
	float: left;
	height: 13px;
	width: 14px;
	margin-top: 4px;
	margin-left: 5px;
}


.slip {
	width: 9px;
	float: right;
	background-repeat: repeat-y;
	background-image: url(../images/slip_bg.jpg);
}
.content {
	height: 100%;
	width: 100%;
}
.content2 {
	height: 100%;
	width: 100%;
}
.content2 {
	height: 100%;
	width: 1110px;
}
.nowbox {
	height: 29px;
	background-image: url(../images/buttonbox_bgs.jpg);
	background-repeat: repeat-x;
}
.nowbg {
	float: left;
	height: 20px;
	padding-top: 9px;
	padding-left: 10px;
}
.now_pic {
	background-repeat: no-repeat;
	background-position: 0px -9px;
	float: left;
	height: 20px;
	width: 48px;
	font-size: 12px;
	color: #656968;
	text-decoration: none;
	background-image: url(../images/buttonbox_pic.jpg);
	padding-left: 26px;
}
.welcome {
	font-size: 12px;
	font-weight: bold;
	color: #656968;
	text-decoration: none;
}

.search {
	float: left;
	width: 99.8%;
	border: 1px solid #b0dcb9;
	margin-bottom: 10px;
	margin-top: 10px;
}
.search_pic {
	background-color: #e0f6df;
	float: left;
	height: 100%;
	width: 88px;
	text-align: center;
}
.input_s {
	float: left;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 6px;
	
}

.input_u {
	float: left;
	margin-top: 4px;
	margin-left: 8px;
	margin-bottom: 4px;
	line-height: 30px;
}
.input_s input {
	margin-left: 4px;
}


.tablebox {
	margin: 10px;
	background-color: #f0fcf2;
	border: 1px solid #cfebd5;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.tableboxshouye {
	background-color: #f0fcf2;
	border: 1px solid #cfebd5;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.tit {
	font-size: 12px;
	font-weight: bold;
	color: #1d4b65;
	margin-bottom: 10px;
}
.table_titbg {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background-image: url(../images/table_titbgs.jpg);
	background-repeat: repeat-x;
	padding-left: 6px;
}
.table_td {
	font-size: 12px;
	color: #333333;
	padding-left: 6px;
}
.table_select {
	float: right;
	height: 13px;
	width: 13px;
	margin-right: 4px;
}

.fanye {
	float: left;
	margin: 6px;
}

.biaoqian {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b0dcb9;
	z-index: -1;
	height: 23px;
	zoom:1;
}

.down {
	background-image: url(../images/down_bg.jpg);
	background-repeat: repeat-x;
	clear: both;
	height: 7px;
	width: 100%;
}
.tan {
	background-image: url(../images/tan_top_bg.jpg);
	background-repeat: repeat-x;
	background-color: #53c67c;
	border: 1px solid #5a9970;
	width: 800px;
	height: 600px;
}
.tan_top {
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 10px;
	float: left;
	height: 20px;
}
.tan_top_ex {
	float: right;
	height: 16px;
	width: 26px;
	margin-right: 10px;
}
.top_content {
	margin: 4px;
	clear: both;
	border: 1px solid #32a65e;
	padding: 10px;
	background-color: #FFFFFF;
	height: 542px;
}
.tan_tit {
	background-image: url(../images/tan_tit_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 5px;
}
.tan_titn {
	color: #000000;
	background-color: #f5fbf4;
	text-align: center;
	padding-top: 5px;
	height: 20px;
}
.newtable {
	margin: 10px;
}
.newtable_tit {
	font-weight: bold;
	color: #5a5a5a;
	text-align: left;
	padding-left: 4px;
	font-size: 12px;
	height: 20px;
	padding-top: 5px;
	background-image: url(../images/tan_tit_bg.jpg);
	background-repeat: repeat-x;
	letter-spacing: 1px;
}
.newtable select {
	height: 20px;
	width: 120px;
	margin-left: 4px;
	float: left;
	margin-top: 4px;
}
.newtabletext {
	float: left;
	height: 14px;
	width: 184px;
	margin-left: 4px;
	margin-top: 4px;
}
.bixuan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	margin-right: 4px;
	margin-left: 4px;
	font-weight: bold;
	float: left;
	height: 20px;
	width: 10px;
	margin-top: 8px;
}
.newtable_titn {
	color: #000000;
	background-color: #f5fbf4;
	text-align: center;
	padding-top: 6px;
	height: 28px;
}
.newtable_tdf {
	float: left;
	margin-top: 8px;
	margin-right: 4px;
	margin-left: 4px;
}
.newtableradio {
	float: left;
	margin-top: 4px;
	margin-right: 2px;
	margin-left: 4px;
}
.newtabletextarea {
	margin: 4px;
}
.lefttopright {
	margin-right: 4px;
	margin-left: 4px;
	float: left;
}
.btn{
	float:right;
}
.mybtn {
	background-image: url(../images/button_bgs.jpg);
	background-repeat: repeat-x;
	background-position: -1px -1px;
	text-align:center;
	line-height:100%;
	padding-top:6px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom: 6px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:0px;
	margin-left:0px;
	cursor:pointer;
	zoom:1;
	outline-width:medium;
	outline-color:invert;
	font-size-adjust:none;
	font-stretch:normal;
	border-top-left-radius:0em;
	border-top-right-radius:0em;
	border-bottom-left-radius:0em;
	border-bottom-right-radius:0em;
	box-shadow:0px 0px 0px rgba(0,0,0,0.2);
	text-shadow:0px 0px 0px rgba(0,0,0,0.3);
	color:#027000;
	border-top-color:#9ec694;
	border-right-color:#9ec694;
	border-bottom-color:#9ec694;
	border-left-color:#9ec694;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	background-attachment:scroll;
	background-repeat: repeat-x;
	background-size:auto;
	background-origin:padding-box;
	background-clip:padding-box;
	float: left;
	letter-spacing: 2px;
	font-family: "新宋体";
}
 .mybtn:hover {
 	color:#CC9900;
 	background-image: url(../images/button_bg_on.jpg);
    border-top-color:#dfdd89;
	border-right-color:#dfdd89;
	border-bottom-color:#dfdd89;
	border-left-color:#dfdd89;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
}
.mybiaoqian {
	background-image: url(../images/biaodan_off.jpg);
	background-repeat: repeat-x;
	background-position: -1px -1px;
	float: left;
	padding-top: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #027000;
	cursor:pointer;
	zoom:1;
	outline-width:medium;
	outline-color:invert;
	font-size-adjust:none;
	font-stretch:normal;
	border-top-left-radius:0.1em;
	border-top-right-radius:0.1em;
	border-bottom-left-radius:0em;
	border-bottom-right-radius:0em;
	box-shadow:0px 0px 0px rgba(0,0,0,0.2);
	text-shadow:0px 0px 0px rgba(0,0,0,0.3);
	border-top-color:#b0dcb9;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:0px;
	border-top-style:solid;
	background-attachment:scroll;
	background-size:auto;
	background-origin:padding-box;
	background-clip:padding-box;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b0dcb9;
	margin: 0px;
	padding-bottom: 4px;
	border-bottom-style: solid;
	border-bottom-color: #b0dcb9;
}
.mybiaoqian_on {
	background-image: url(../images/biaodan_on.jpg);
	background-repeat: repeat-x;
	background-position: -1px -1px;
	float: left;
	padding-top: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #027000;
	cursor:pointer;
	zoom:1;
	outline-width:medium;
	outline-color:invert;
	font-size-adjust:none;
	font-stretch:normal;
	border-top-left-radius:0.1em;
	border-top-right-radius:0.1em;
	border-bottom-left-radius:0em;
	border-bottom-right-radius:0em;
	box-shadow:0px 0px 0px rgba(0,0,0,0.2);
	text-shadow:0px 0px 0px rgba(0,0,0,0.3);
	border-top-color:#b0dcb9;
	border-top-width:1px;
	border-top-style:solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b0dcb9;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #f0fcf2;
	background-attachment:scroll;
	background-size:auto;
	background-origin:padding-box;
	background-clip:padding-box;
	margin: 0px;
	padding-bottom: 5px;
}
.mybiaoqian:hover  {
	border-top-color:#e0df95;
	border-top-width:1px;
	border-top-style:solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e0df95;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-left-style: solid;
	background-attachment: scroll;
	background-image: url(../images/biaodan_off.jpg);
	background-repeat: repeat-x;
	background-position: -1px -1px;
	color: #CC9900;
}

.main_bg_b {
	background-image: url(../images/b_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 622px;
	width: 157px;
}
.main_bg_a {
	background-image: url(../images/a_bg.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 622px;
	width: 157px;
}.main_mid {
	float: left;
	width: 796px;
	margin-top: 100px;
}
.b_01 {
	background-image: url(../images/b_01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_01:hover {
	background-image: url(../images/a_01.jpg);
}
.c_01 {
	background-image: url(../images/c_01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_02 {
	background-image: url(../images/b_03.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_02:hover {
	background-image: url(../images/a_03.jpg);
}
.c_02 {
	background-image: url(../images/c_03.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_03 {
	background-image: url(../images/b_04.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 186px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_03:hover {
	background-image: url(../images/a_05.jpg);
}
.c_03 {
	background-image: url(../images/c_05.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 186px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_04 {
	background-image: url(../images/b_02.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_04:hover {
	background-image: url(../images/a_02.jpg);
}
.c_04 {
	background-image: url(../images/c_02.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_05{
	background-image: url(../images/b_07.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_05:hover {
	background-image: url(../images/a_08.jpg);
}
.c_05{
	background-image: url(../images/c_08.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_06 {
	background-image: url(../images/b_09.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 186px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_06:hover {
	background-image: url(../images/a_09.jpg);
}
.c_06 {
	background-image: url(../images/c_09.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 186px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_07 {
	background-image: url(../images/b_05.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_07:hover {
	background-image: url(../images/a_04.jpg);
}
.c_07 {
	background-image: url(../images/c_04.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_08 {
	background-image: url(../images/b_10.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_08:hover {
	background-image: url(../images/a_10.jpg);
}
.c_08 {
	background-image: url(../images/c_10.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_09 {
	background-image: url(../images/b_11.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 186px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_09:hover {
	background-image: url(../images/a_11.jpg);
}
.c_09 {
	background-image: url(../images/c_11.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 186px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_10 {
	background-image: url(../images/b_06.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_10:hover {
	background-image: url(../images/a_06.jpg);
}
.c_10 {
	background-image: url(../images/c_06.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_11 {
	background-image: url(../images/b_12.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_11:hover {
	background-image: url(../images/a_12.jpg);
}
.c_11 {
	background-image: url(../images/c_12.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_12 {
	background-image: url(../images/b_08.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_12:hover {
	background-image: url(../images/a_07.jpg);
}
.c_12 {
	background-image: url(../images/c_07.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_13 {
	background-image: url(../images/b_13.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.b_13:hover {
	background-image: url(../images/a_13.jpg);
}
.c_13 {
	background-image: url(../images/c_13.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 300px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		cursor:pointer;

}
.n_titoff {
	background-image: url(../images/1_13.jpg);
	background-repeat: repeat-x;
}
.n_tit_toff {
	background-image: url(../images/1_10.jpg);
	background-repeat: no-repeat;
}
.box_tld {
	margin-top: 20px;
	margin-bottom: 10px;
	border: 0;
	background-color: #bdc6c1; 
}
.n_titon {
	background-image: url(../images/1_05.png);
	background-repeat: repeat-x;
}
.n_l_mar {
	padding-left: 2px;
}
.font_cg {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.n_tit_ton {
	background-image: url(../images/1_03.jpg);
	background-repeat: no-repeat;
}
.n_t {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #bdc6c1;
	border-right-color: #bdc6c1;
	border-left-color: #bdc6c1;
}

.box_td_tit {
	height: 28px;
	background-color: #f2f2f2;
	border-top-width: 1px;
	border-left-width: 1px;
	padding-left: 3px;
}
.box_td {
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
	font-weight: normal;
}
.l {
	float: left;
	width: 60px;
	margin-top: 4px;
}

div.exportlinks { width: 48%; text-align: left; height: 15px; float: left; margin-top: 0; margin-bottom: 0; padding: 2px 0; }


 div.exportlinks a {
    text-decoration: none;
}

div.exportlinks span { background-repeat: no-repeat; margin: 0; }

span.csv {
    background-image: url(../img/ico_file_csv.png);
}

span.excel {
    background-image: url(../img/ico_file_excel.png);
}

span.pdf {
    background-image: url(../img/ico_file_pdf.png);
}
span.rtf {
    background-image: url(../img/ico_file_rtf.png);
}
span.xml {
    background-image: url(../img/ico_file_xml.png);
}

span.export {
    cursor: pointer;
    display: inline;
    padding: 0 4px 1px 20px;
}

.C_bigtitle { color: #6483b9; font-size: 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; float: left; min-width: 200px; min-height: 20px; max-width: 400px; max-height: 30px; margin: 0; padding: 4px 15px 2px 20px; }
.C_printline { margin-top: 2px; margin-bottom: 2px; border-bottom: 3px solid #bdd5ff; }
.C_ico { text-align: right; width: 100%; height: auto; float: right; margin: 0; padding: 0 0 2px; border-bottom: 1px solid #7a7979; }
.C_ico img { margin-top: 3px; }
/**/
.C_ico ul { margin: 0; list-style-type: none; text-decoration:none; width: 60%; float: left; padding: 0;border-collapse: collapse;}
.C_ico li { list-style-type: none; text-decoration:none; height: auto; float: left; margin: 0; padding: 0; display: block; }
.C_ico li.C_twotitle_oranger  { color: #fff; font-size: 14px; font-family: Tahoma, 瀹嬩綋; font-weight: bolder; line-height: 18px;
background-color: #f90; text-decoration:none; width: auto; float: left;
 padding: 3px 4px 1px; list-style-type: none; 	border: 1px solid #8AB6ED;
	border-collapse: collapse;}
.C_ico li.C_twotitle_blue { color: #fff; font-size: 14px;
font-family: Tahoma, 瀹嬩綋; font-weight: bold; line-height: 18px; background-color: #6098c6;
text-decoration:none; width: auto; float: left;  padding: 3px 4px 1px;
list-style-type: none;
border: 1px solid #8AB6ED;
	border-collapse: collapse;
}
.C_ico li.C_twotitle_blue a{ font-size: 14px;}
.C_ico li.C_twotitle_gray { color: #fff; font-size: 14px; font-family: Tahoma, 瀹嬩綋;
font-weight: bold; line-height: 18px; background-color: #d6d5d5; text-decoration:none;
width: auto; float: left; padding: 3px 4px 1px; list-style-type: none;
border: 1px solid #8AB6ED;
	border-collapse: collapse;}
.C_S_F_L { text-align: right; width: 70%; float: right;padding-right: 10px; }
.C_hr { text-align: right; width: 100%; float: right; margin-top: 3px; margin-bottom: 3px; padding-top: 4px; padding-bottom: 5px; border-top: 1px solid #7a7979; border-bottom: 1px solid #7a7979; }

.C_table_title { color: #fff; font-size: 12px; font-weight: bolder; background-color: #386d9f; text-decoration: underline; height: 17px; padding-top: 5px; padding-left: 2px; }
.C_table_content1 { color: #585c61; font-size: 12px; background-color: #fff; height: 17px; padding-top: 5px; padding-left: 2px; }
.C_table_content2 { color: #585c61; font-size: 12px; background-color: #e3edf9; height: 17px; padding-top: 5px; padding-left: 2px; }
/*.C_pagesize { text-align: right; width: 100%; height: 30px; float: right; margin-top: 3px; margin-bottom: 2px; padding-top: 6px; border-top: 1px solid #7a7979; border-bottom: 1px solid #7a7979; }*/

.C_pagesize { text-align: left; width: auto; height: 19px; float: right; margin: 0; padding: 0 10px 0 0; }
.C_pagesize a{font-weight: normal;}
.C_pagesize  a:visited  { 
color:black; text-decoration:none; 
} 
.C_page_ico_1  { color: #575b60; font-size: 12px; font-weight: bolder; background-color: #ccc; text-decoration:none; text-align: center; width: 17px; height: 13px; float: right; margin-top: 0; margin-right: 1px; padding-top: 3px; padding-bottom: 3px; display: block; }
.C_page_ico_1 a { width: 17px; display: none; }
.C_page_ico_2  { color: #575b60; font-size: 12px; font-weight: bold; background-color: #e3edf9; text-decoration:none; text-align: center; width: 17px; height: 13px; float: right; margin-top: 0; margin-right: 1px; padding-top: 3px; padding-bottom: 3px; display: block; }
.C_page_ico_2 a { width: 17px; }
.C_page_ico_3 { color: #575b60; font-size: 12px; font-weight: bolder; background-color: #f90; text-decoration:none; text-align: center; height: 13px; float: right; margin-top: 0; margin-right: 1px; padding: 3px 4px; display: block; }
.C_page_ico_3 a {  }
.C_page_ico_4 { color: #fff; font-size: 12px; background-color: #999; text-align: center; height: 13px; float: right; min-width: 20px; max-width: 200px; margin-top: 0; margin-right: 1px; padding: 3px 6px; }
.C_leftmenu_printline { text-align: left; margin-right: 3px; border-right: 1px solid #dedede; }
.pagelinks {
background-color:#EEEEEE;
border-color:-moz-use-text-color #999999 rgb(153, 153, 153);
border-style:dotted;
border-width:1px;
display:block;
margin-bottom:-5px;
padding:2px 4px;
text-align:right;
height: 13px;
float:right;
width:auto;
}

span.pagebanner {
    display: block;
    margin: 1px 0px 1px 0px;
    padding: 2px 1px 2px 2px;
    text-align: left;
    font-size: 12px;
}

.Progress-Bar-bg{
	background-image:url(../upload/css/images/tab/Progress-Bar-bg.jpg);
	background-repeat:no-repeat;
    }
.Progress-bar-color{
	background-image:url(../upload/css/images/tab/Progress-Bar-color.jpg);
	background-repeat:no-repeat;
	}

span.pagelinks {
    display: block;
    font-size: .95em;
    margin-bottom: 5px;
    margin-top: -18px;
    padding: 2px 0px 2px 0px;
    text-align: right;
    width: 80%;
}

th.sorted a, th.sortable a { font-size: 14px; background-position: right 5%; display: block; }

div#main .tableHeaderImage { /* Tapestry */
    position: absolute;
    margin: 2px 0px 0px -5px;
    background: transparent;
    border: 0px;
}

/*.table th.sortable a {
    background-image: url(../images/arrow_off.png);
}*/

.table th {
    font-weight: normal;
    white-space: nowrap;
}
.table thead tr td{
	text-align: center;
}
.table th.sorted {
}

.table th.sorted a, .table th.sortable a 
{ 
	font-size: 12px; background-position: right 5%; background-repeat: no-repeat; display: block;
}
.table th {font-size: 12px; color: #fff; background-position: right 5%; background-repeat: no-repeat;}
.table tr.even {color: #000000; font-size: 12px; font-family: Tahoma, 瀹嬩綋;height: 20px; background-color: #E8FDD4;}
.table tr.odd {color: #000000; font-size: 12px; font-family: Tahoma, 瀹嬩綋;height: 20px; }
.table tr.even:hover
{
 background: #ffffd9 !important;
}
.table tr.odd:hover
{
 background: #ffffd9 !important;
}

.table td{ 	
	work-wrap:break-word;
	word-break:break-all;text-align: left; }


.detail th {
    text-align: right;
}

   .table {
                border-collapse: collapse;
                border: 1px solid #c3dec3;                
                width: 100% !important;
                background-color: #FFFFFF
            }
              .table caption {
                    padding: 0 0.6em 0.8em;
                    font-size: 1.3em;
                    font-weight: bold;
                    text-align: left;
                    color: #000;
                    background: transparent;
                }
                /* For Tapestry's contribTable */
                .table th table, .table th table td {
                    width: 100%;
                    border: 0px;
                }

                .table td, .table th {
                    padding-left: 3px;
                    font-weight:normal;
                    border: 1px solid #c3dec3;
                    text-align: left;
                }
               .table thead th {
                    font-size: 12px;
                   	font-weight: normal;
					text-align: center;
					color: #333333;
					height:26px;
					background-image: url(../images/table_titbgs.jpg);
	                background-repeat: repeat-x;
					padding-left: 6px;
                }
                
                .table thead th.sorted a, .table thead th.sortable a { 
	                color: #333333;
	            }
	                
                .table tfoot th, tfoot td {
                    border: 1px solid #c3dec3;
                    text-align: left;
                    font-size: 1em;
                    background: #e8e8cf;
                }
                .table tfoot th {
                    font-weight: bold;
                }
                .table tbody td a {
                    background: transparent;
                    text-decoration: underline;
                }
                .table tbody td a:hover {
                    background: transparent;
                    text-decoration: underline;
                }
                .table tbody th a {
                    background: transparent;
                    text-decoration: underline;
                    font-weight: bold;
                }
                .table tbody th, .table tbody td {
                    height: 27px;
	            }
                .table tfoot td {
                    border: 1px solid #996;
                }
               .table tbody tr:hover, .table tr.over{
                    background: #ffffd9 !important; /* important needed for Tapestry, as is .table tr:hover */
                }
                .specail_table{}
                .specail_tr{}
                .specail_td{
                         width:10px;
                         }
			
    /* END TABLE */
#BgDiv{background-color:#e3e3e3; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:1000px;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
#DialogDiv{position:absolute;width:400px; left:400px; top:50%; margin-left:-200px; height:120px; z-index:100;background-color:#fff; border:1px #DCD8D9 solid; padding:1px;}
#DialogDiv h2{ height:25px; font-size:14px; background-color:#CFEFD8; position:relative;padding-left:10px; line-height:25px;}
#DialogDiv h2 a{position:absolute; right:5px; font-size:12px;}
#DialogDiv .form{padding:10px;}





页面样式1


<%@ page contentType="text/html; charset=UTF-8" language="java"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ include file="/commons/taglib.jsp"%>
<head>
<%@ include file="/commons/header.jsp"%>
<script language="JavaScript" src="<c:url value='/MzTreeView10/MzTreeView10.js'/>"></script>
<base href="<%=basePath%>">
</head>
<body>
<s:form id="editForm" action="sysusersAction_search" namespace="/sys">
<div class="content">
  <div class="nowbox">
		<div class="nowbg">
		  <div class="now_pic">欢迎您：</div>
		</div>
		<div class="nowbg"><div class="welcome"><s:property value="#session.loginUser.sysUsers.jgqc"/>-<s:property value="#session.loginUser.sysUsers.xm"/></div></div>
  		<div class="nowbg"><div class="">当前位置：</div></div>
  		<div class="nowbg">统计 ——统计</div>
  		</div>
  </div>
  <div class="tablebox">
		<div class="tit"><img src="<c:url value='/images/tit_pic.jpg'/>" width="16" height="13" hspace="6" align="absmiddle" />统计</div>      
		
<table width="100%"><tr><td valign="middle" width="20%">
<div style="overflow-y:scroll;height:720px;vertical-align: middle">
<br/>
<br/>
1.<a href="javascript:view2()">数据统计表</a><br/><br/>
2.<a href="javascript:view3()">总数统计表</a><br/><br/>
3.<a href="javascript:view4()">责任追究统计表</a><br/><br/>
4.<a href="javascript:view();">处理情况统计表</a>
</div></td>
<td valign="top"><iframe frameborder="0" id="content" name="content" scrolling="auto" src="" style="HEIGHT: 720px; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 2;"></iframe></td></tr></table>

</div>
</s:form>
<script type="text/javascript">
function view(){
window.frames["content"].location="<%=request.getContextPath()%>/bd/asjtjAction_asjclqktjb.action";
}
function view2(){
window.frames["content"].location="<%=request.getContextPath()%>/bd/asjtjAction_asjsjtjb.action";
}
function view3(){
window.frames["content"].location="<%=request.getContextPath()%>/bd/asjtjAction_asjzstjb.action";
}
function view4(){
window.frames["content"].location="<%=request.getContextPath()%>/bd/asjtjAction_ldzrzjtjb.action";
}

</script>
</body>



小样式2

 <tr>
        <td><font size="1">1</font></td>
        <td><font size="1">侦查科</font></td>
        <td><font size="1">留明天</font></td>
        <td><font size="1">干事</font></td>
        <td><font size="1">出现左倾错误问题</font></td>
        <td><font size="1"></font></td>
        <td><font size="1">●</font></td>
        <td><font size="1"></font></td>
        <td><font size="1">√</font></td>
        <td><font size="1">降职处理</font></td>
        </tr>

小黑点，这种对号在java里显示的像根号


分享到：
| 后台项目学习
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ie-css3.htc 免费版

    《IE浏览器支持CSS3属性：ie-css3.htc详解》 在互联网技术发展的历程中，CSS3作为一种强大的样式表语言，极大地丰富了网页设计的可能性，提供了诸如圆角、阴影、渐变等美观效果。然而，早期版本的Internet Explorer...

    iecss3.htc支持输入框圆角

    在网页设计中，为了实现美观的效果，经常需要用到CSS3中的圆角边框（border-radius）属性，让元素的四个角落呈现出圆形或椭圆形的外观。然而，早期版本的Internet Explorer浏览器，尤其是IE8及以下版本，并不支持这...

    CSS3D.js, 用于 Three.js的CSS 3D 渲染器.zip

    CSS3D.js, 用于 Three.js的CSS 3D 渲染器 CSS3D.js由 Steven Wittens 用于 Three.js的CSS 3D 渲染器注意：这个库现在已经过时了，因为 Three.js 拥有自己的CSS 3D 呈现器插件，它集成在一个更清晰的样式中。...

    ie-css3.htc(内有使用方法).rar

    在IT行业中，尤其是在Web开发领域，CSS3是现代网页设计不可或缺的一部分，它为开发者提供了丰富的样式和动画功能。然而，由于历史原因，较早版本的Internet Explorer（IE6、7、8）对CSS3的支持非常有限，这给设计师...

    ie-css3.htc

    ie-css3.htc,html5用到的插件

    html+js+css代码.zip

    七夕情人节html代码html+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css...

    bootstrap.min.css.map

    "bootstrap.min.css.map"是与Bootstrap相关的文件，尤其在错误排查和调试过程中扮演着关键角色。这个文件是Bootstrap最小化CSS文件的源映射文件，对于理解标题中描述的问题至关重要。 当我们遇到"GET /static/css/...

    网页设计课程设计（HTML+CSS）.zip

    网页设计课程设计（HTML+CSS）.zip网页设计课程设计（HTML+CSS）.zip网页设计课程设计（HTML+CSS）.zip网页设计课程设计（HTML+CSS）.zip网页设计课程设计（HTML+CSS）.zip网页设计课程设计（HTML+CSS）.zip网页设计...

    ie-css3.js 让IE支持高级CSS3选择器.zip

    标题 "ie-css3.js 让IE支持高级CSS3选择器.zip" 暗示了这个压缩包包含一个JavaScript文件，ie-css3.js，其目的是使老旧的Internet Explorer（IE）浏览器能够支持现代CSS3的选择器。这个解决方案对于那些仍然需要在IE...

    《编写高质量代码 web前端开发修炼之道》中的base.css下载

    base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css ...

    CSS2.0.CHM

    CSS2.0.CHM

    CSS实验室.rar

    3.CSS颜色.doc 4.CSS文字.doc 5.CSS文本.doc 6.CSS列表.doc 7.CSS边框.doc 8.CSS填充(padding).doc 9.CSS边界(margin).doc 10.CSS绝对定位.doc 11.CSS相对定位.doc 12.CSS垂直定位.doc 13.CSS尺寸.doc 14.CSS显示....

    csshover.htc

    csshover.htc 用于IE的hover伪类hack

    ss_css2.jar

    ss_css2.jar一个控制器的工具类,自己写的工具类,工具类

    postcss.config.js

    postcss配置你懂得，postcss配置你懂得，postcss配置你懂得，postcss配置你懂得，

    bootstrap.min.css

    bootstrap.min.css

    揭秘HTML5和CSS3.ppt

    揭秘HTML5和CSS3.ppt 揭秘HTML5和CSS3.ppt

Magicbox
Global site tag (gtag.js) - Google Analytics