下面是三行五列DIV格式，你可以看一下
<!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/htmlcharset=utf-8" />
<title>三行5列的DIV</title>
</head>
<style type="text/css">
body{padding:0margin:0}
.l3h5{width:1000px border:1px solid #D8D8D8}
.l3h5 ul{width:1000pxdisplay:blockoverflow:hiddenborder-bottom:1px solid #D8D8D8 clear:bothlist-style:nonepadding:0margin:0height:25px}
.l3h5 ul li{width:199pxheight:25pxfloat:leftborder-right:1px solid #D8D8D8background:#f8f8f8}
.l3h5 .l3h5_lastLi,.l3h5 .l3h5_lastUl{ border:none}
</style>
<body>
<div class="l3h5">
<ul><li></li><li></li><li></li><li></li><li class="l3h5_lastLi"></li></ul>
<ul><li></li><li></li><li></li><li></li><li class="l3h5_lastLi"></li></ul>
<ul class="l3h5_lastUl"><li></li><li></li><li></li><li></li><li class="l3h5_lastLi"></li></ul>
</div>
</body>
</html>
你把中间的表格border 和cellspacing都设置为0然后定义一个css
td.clstd {
border:0px
border-right: 2px solid #000
}
给嵌入的表格的每个td设置class="clstd", 第一个还要加上额外的style="border-left: 2px solid #000" 这样上下的边框就没有了
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）