<div style="width:15%; height:140px; float:left; background:#999">1</div>
<div style="width:70%; height:20px;float:left;background:#0C9">2</div>
<div style="width:15%; height:80px;float:right;background:#C9F">3</div>
<div style="width:70%; height:20px;float:left;background:#0C6">4</div>
<div style="width:15%; height:20px;float:left;background:#609">5</div>
<div style="width:40%; height:20px;float:left;background:#CF6">6</div>
<div style="width:15%; height:40px;float:right;background:#6CC">7</div>
<div style="width:55%; height:20px;float:left;background:#F0F">8</div>
<div style="width:40%; height:20px;float:left;background:#300">9</div>
<div style="width:45%; height:60px;float:right;background:#00C">11</div>
<div style="width:40%; height:40px;float:left;background:#6F0">10</div>
关键在于3，7，11的float为right，且 11要在10之前
可以这么写：\x0d\
| omc12 | \x0d\zbcx1 | \x0d\5 | \x0d\2013/9/7 0:00 | \x0d\
| zbcx1 | \x0d\4 | \x0d\2013/9/7 0:00 | \x0d\|
| zbcx1 | \x0d\6 | \x0d\2013/9/7 0:00 | \x0d\|
| zbcx1 | \x0d\8 | \x0d\2013/9/7 0:00 | \x0d\|
| zbcx1 | \x0d\3 | \x0d\2013/9/7 0:00 | \x0d\|
| zbcx1 | \x0d\2 | \x0d\2013/9/7 0:00 | \x0d\|
| zbcx1 | \x0d\1 | \x0d\2013/9/7 0:00 | \x0d\|
| omc13 | \x0d\zbcx1 | \x0d\5 | \x0d\2013/9/7 0:00 | \x0d\
| zbcx1 | \x0d\5 | \x0d\2013/9/7 0:00 | \x0d\|
| zbcx1 | \x0d\5 | \x0d\2013/9/7 0:00 | \x0d\|
| zbcx1 | \x0d\5 | \x0d\2013/9/7 0:00 | \x0d\|
| zbcx1 | \x0d\5 | \x0d\2013/9/7 0:00 | \x0d\
最简单的写法
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
html的基础知识网址：网页链接
1表格有什么？1）框架2）横线3）竖线4）方格所以，一个表格是由许多线和方格组成的。当然，可以加上标题等。用HTML创建表格没有任何不同。1）table:表格标记，表格中所有的属性等都必须在
2OK，来做一个简单的表格。
| 语文 | 数学 |
| 英语 | 嘿嘿 |
3效果图如下好吧，没有框框
4怎么加上框框呢？给table加上属性
再来试试5给表格设置标题：只要在
的下面加上即可。6效果图如下
7有时候，表格是有表头的，给表头加黑是一种方式，还有一种方式则是设置表头。
8关于表格的内容还有很多，我这里只是起到一个抱砖引玉的作用，还有更多的知识，不要不断的努力去学习，才能掌握。
1、我们打开记事本进入下图界面。
2、我们要输入制作表格的标签，框内，这个标签里面，我们额外输入了border=\"1\"，这个就是边框为1的意思。
3、大家都知道表格是由行和列组成，html里面是一行一行的输入，我们需要输入下图框内的行的标签。
4、一行又是由多列组成，我们需要输入一行中的每列的数据，就需要下图框内的标签，标签中我们输入的姓名作为内容，这样就表示表格的第一行第一列的内容。
5、这样我们就可以制作一个两行两列的表格，代码。
6、打开网页后，出现下图的表格。
给你个参考
<html>
<head>
<style>
h1{
font-size:40px;
text-align:center;
}
#page{
width:300px;
height:500px;
margin:0 auto;
}
#header{
border: 1px red dashed;
width:100%;
height:80px;
background: #FDFDFD;
}
#content{
border: 1px red dashed;
background: #FFFADD;
width:100%;
height:300px;
margin:0 auto;
}
#left{
border: 1px red dashed;
width:80px;
height:100%;
float:left;
}
#right{
border: 1px red dashed;
height:100%;
width:200px;
float:right;
}
#footer{
border-style:dashed;
width:100%;
height:80px;
background: #FDFDFD;
border: 1px red dashed;
}
</style>
</head>
<body>
<div id="page">
<div id="header"><h1>header</h1></div>
<div id="content">
<div id="left"><h1>left</h1></div>
<div id="right"><h1>right</h1></div>
</div>
<div id="footer"><h1>footer</h1></div>
</div>
</body>
</html>
效果如下：你参考着慢慢写吧
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）