CSS 表格边框设置的两种方法
表格边框
HTML中，table定义的表格在默认情况下是没有边框的，如果要设计有边框的表格，需要添加相关的属性，这里介绍两种设置表格边框的方法。
方法一，table自带的属性border
实例中将对比默认情况下的表格样式，及设置了border属性的表格样式，代码如下（可在线编辑运营）：
<table>
<tr><td>香蕉</td><td>油桃</td></tr>
</table>
<br>
<table border='1'>
<tr><td>苹果</td><td>水蜜桃</td></tr>
</table>方法二，使用style中的border属性
这种方法是在table元素中的td元素的style属性中，或通过style元素，或通过链接的CSS文件，来对table定义的表格添加边框属性，实例代码如下：
<table id='t1'>
<tr><td>杨桃</td><td>石榴</td><td>芒果</td></tr>
<tr><td>葡萄</td><td>荔枝</td><td>毛桃</td></tr>
</table>
<style>
#t1 tr td{border:1px solid skyblue;}
</style>