<html>
<head>
<mce:style type="text/css"><!--
td
{
width:50;
height:50;
text-align:center;
vertical-align: center;
}
table
{
vertical-align: bottom;
}
legend
{
text-align:center;
}
fieldset
{
width:300;
height:300;
}
div
{
width:300;
text-align:center;
}
--></mce:style><style type="text/css" mce_bogus="1"> td
{
width:50;
height:50;
text-align:center;
vertical-align: center;
}
table
{
vertical-align: bottom;
}
legend
{
text-align:center;
}
fieldset
{
width:300;
height:300;
}
div
{
width:300;
text-align:center;
}
</style>
</head>
<body>
<fieldset>
<legend style="color:red" mce_style="color:red">Title</legend>
<div>
<table border=1>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>444</td><td>555</td><td>666</td></tr>
<tr><td>777</td><td>888</td><td>999</td></tr>
</table>
</div>
</fieldset>
</body>
</html>
对于很多初学HTML的人来说，表格是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。
一般我们用表格的时候总会给它个border属性，比如：<table border="1">，其效果如下：
ID
NAME
GENDER
1001
mike
male
可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，大 ......
