<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>网页设计</title>
</head>
<body>
<tablewidth="400px"align="center"border="2"cellpadding="0"cellspacing="1">
<tr>
<td>
<p>这是一个段落。</p>
<br><p>这是另一个段落。</p>
</td>
<td>
<tablewidth="100px"cellspacing="1"cellpadding="1"align="center"border="2">
<tr>
<td>一行一列</td>
<td>一行二列</td>
<td>一行三列</td>
<td>一行四列</td>
</tr>
<tr>
<td>二行一列</td>
<td>二行二列</td>
<td>二行三列</td>
<td>二行四列</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
这个单元包含一个列表：
<ul>苹果</ul>
<ul>香蕉</ul>
<ul>菠萝</ul>
</td>
<td>
HELLO
</td>
</tr>
</table>
</body>
</html>
<table border="1" cellspacing="0" cellpadding="0"><tr>
<td></td>
<td></td>
</tr>
</table>
如上，一行两列，实在不会的话Dreamweaver里面菜单中有个插入，然后选项表格，然后设置几行几列 边框等内容
1用样式表<style type="text/css">
table{height: 600px;background-color: yellow;}
table td{border-width:1;border-color: red;border-style: solid;}
</style>
上面一段放在</head>前面
<table class="table">
<tr><td> </td><td></td></tr>
<tr><td> </td><td></td></tr>
</table>
2不用样式表
<table style="height: 600px;background-color: yellow;">
<tr><td style="border-width:1;border-color: red;border-style: solid;"> </td><td style="border-width:1;border-color: red;border-style: solid;"> </td></tr>
<tr><td style="border-width:1;border-color: red;border-style: solid;"> </td><td style="border-width:1;border-color: red;border-style: solid;"> </td></tr>
</table>
是要这样的效果吗？
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）