li+css

sskeyial 2008-07-28 09:43:45

没有使用这句 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

htm代码

			<div class="ContentRight_01">

				<ul class="list_title">

					<li class="liW_01">t</li>

					<li class="liW_04">员工姓名</li>

					<li class="liW_04">员工编号</li>

					<li class="liW_02">性别</li>

					<li class="liW_04">学历</li>

					<li class="liW_04">籍贯</li>

					<li class="liW_03">婚否</li>

					<li class="liW_04">生日</li>

					<li class="liW_04">在职状况</li>

					<li class="liW_04">职务</li>

					<li class="liW_04">行政级别</li>	

					<li class="liW_04" style="padding-right:0px">部门</li>		

				</ul>

				<ul class="list_content">

					<li class="liW_01">d</li>

					<li class="liW_04"></li>

					<li class="liW_04"></li>

					<li class="liW_02"></li>

					<li class="liW_04"></li>

					<li class="liW_04"></li>

					<li class="liW_03"></li>

					<li class="liW_04"></li>

					<li class="liW_04"></li>

					<li class="liW_04"></li>

					<li class="liW_04"></li>

					<li class="liW_04">h</li>		

				</ul>			

			</div>	

						

	</div>

css代码



.ContentRight_01

{

	zomm:1;

	width:100%;

	overflow:hidden;

	text-align:left;

	padding:1px 0px 1px 1px;

	border:solid 1px #8b8b8b;	

}		

.list_title

{

	margin:0px;

	list-style:none;

	overflow:hidden;

	background-color:#FFFFFF;

}

.list_title li

{

	margin:0px 1px 1px 0px;

	height:24px;

	text-align:center;

	background-image:url(../images/list_bg_01.gif);

	display:inline;

	overflow:hidden;	

	white-space:nowrap;

}	

.list_content

{

	margin:0px;

	border-top:none;

	overflow:hidden;

	background-color:#FFFFFF;

}

.list_content li

{

	margin:0px 1px 1px 0px;

	height:24px;

	text-align:center;	

	display:inline;	

	background-color:#ededed;

	overflow:hidden;

}

.liW_01

{

	width:1%;

}

.liW_02

{

	width:4%;

}

.liW_03

{

	width:5%;

}

.liW_04

{

	width:10%;

}