* {margin:0padding:0}
div {width:404pxheight:404pxborder-top:solid 1px #000border-left:solid 1px #000}
ul {width:100pxlist-style:noneborder-right:solid 1px #000float:left}
li {height:100pxborder-bottom:solid 1px #000}
DIV布局如下：
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
将以上代码复制黏贴，宽、高可自行设定。
<!DOCTYPEhtml
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">
.tab{
margin:0
padding:0
/*合并边线*/border-collapse:collapse/*宽高自定*/
width:200px
height:200px}
.tab
td{
border:solid
1px
#000}
</style>
</head>
<body>
<table
class="tab">
<tr>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>
属性都写在CSS里就可以了
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）