如何用div+css制作一个两行三列的表格?
3个回答
推荐于2016-06-14
展开全部
给你发个简单的事例!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<style type="text/css">
#a1{
width:100px;
height:20px;
border:1px solid red;
float:left;
}
#a2{
width:100px;
height:20px;
border:1px solid red;
float:left;
}
#a3{
width:100px;
height:20px;
border:1px solid red;
}
#b1{
width:100px;
height:20px;
border:1px solid red;
float:left;
}
#b2{
width:100px;
height:20px;
border:1px solid red;
float:left;
}
#b3{
width:100px;
height:20px;
border:1px solid red;
}
</style>
<body>
<div id="a1"></div>
<div id="a2"></div>
<div id="a3"></div>
<div id="b1"></div>
<div id="b2"></div>
<div id="b3"></div>
</body>
</html>
<html>
<head>
</head>
<style type="text/css">
#a1{
width:100px;
height:20px;
border:1px solid red;
float:left;
}
#a2{
width:100px;
height:20px;
border:1px solid red;
float:left;
}
#a3{
width:100px;
height:20px;
border:1px solid red;
}
#b1{
width:100px;
height:20px;
border:1px solid red;
float:left;
}
#b2{
width:100px;
height:20px;
border:1px solid red;
float:left;
}
#b3{
width:100px;
height:20px;
border:1px solid red;
}
</style>
<body>
<div id="a1"></div>
<div id="a2"></div>
<div id="a3"></div>
<div id="b1"></div>
<div id="b2"></div>
<div id="b3"></div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-03
展开全部
这个比较麻烦!给你个思想!用DIV的FLOAT属性就可以实现!剩下的就是宽高的问题!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-03
展开全部
2行3列,具体要求呢?每行高度,宽度都一样吗?每列的宽度一样吗?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |