用css+div如何写出类似下列table形式的代码?简易代码即可谢谢

 我来答 举报
澳爸购
推荐于2016-08-10 · TA获得超过797个赞
知道小有建树答主
回答量:233
采纳率:0%
帮助的人:147万
展开全部
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
 
<style type="text/css">
    #div1 {width:100px;height:300px;border:1px solid #f00;float:left;}
    #div-box1,#div-box2 {border:0px solid #00f;width:100px;float:left;}
    #div2 {width:100px;height:100px;border-top:1px solid #f00}
    #div3 {width:100px;height:98px;border-top:1px solid #f00;border-bottom:1px solid #f00;}
    #div4 {width:100px;height:100px;border-bottom:1px solid #f00;}
    #div5 {width:100px;height:199px;border:1px solid #f00;}
    #div6 {width:100px;height:100px;border:1px solid #f00;border-top:0px;}
</style>
</head>
 
<body><!--
<div class="div1">我是奇数1</div>
<div class="div2">我是偶数2</div>
<div class="div3">我是奇数3</div>
<div class="div4">我是偶数4</div>-->
<div id="div1"></div>
 
<div id="div-box1">
    <div id="div2"></div>
    <div id="div3"></div>
    <div id="div4"></div>
</div>
 
<div id="div-box2">
    <div id="div5"></div>
    <div id="div6"></div>
</div>
</body>
</html>

不知道是不是这个!!

追问
真厉害呀!
是不是输入内容框架就散了?
存在的BUG
2015-09-21 · 知道合伙人软件行家
存在的BUG
知道合伙人软件行家
采纳数:537 获赞数:1486
毕业于武汉工业大学,人生格言是:课表是死的,人是活的!!! 读过CCNA\CCNP相关书籍

向TA提问 私信TA
展开全部
用左右浮动可以弄出来
更多追问追答
追问
有没有这方面的模板代码呀,我想学学
追答
楼下的代码你可以看看,不过输入内容,框架就散了。想自学div+css可以百度下,有很多网站都有教程。
抢首赞 已赞过 已踩过<
你对这个回答的评价是?
评论 举报 收起
wangman0317
2015-09-21
知道答主
回答量:33
采纳率:0%
帮助的人:13.2万
追问
这个好复杂呀
抢首赞 已赞过 已踩过<
你对这个回答的评价是?
评论 举报 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式