<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
ul,li{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baselinebaseline;
background: transparent;
list-style-type:none;
}
.ta{ border:1px #ccc solid;width:200px; height:80px;}
ul { width:200px; height:80px;}
ul li { width:100px; height:40px; float:left;}
ul li.leftone {border-bottom:1px #ccc solid;width:100px; height:39px;}
ul li.righttwo {border-left:1px #ccc solid; width:99px; height:40px; }
ul li.rightone{width:100px; height:40px; }
ul li.lefttwo{border-left:1px #ccc solid; width:99px; height:39px;border-bottom:1px #ccc solid;}
</style>
</head>
<body>
<div class="ta"><ul>
<li class="leftone"></li><li class="lefttwo"></li>
<li class="rightone"></li><li class="righttwo"></li>
</ul><div style="clear:both"></div></div>
</body>
</html>
ul代替table
最新推荐文章于 2024-05-30 19:00:37 发布