CSS 表格水平分隔线样式设置方法
表格水平分隔线
如何设置一个只有水平分隔线而没有边框的HTML表格呢？可以通过CSS中的border-bottom属性来进行设置，就像下面这个表格示例：
| CSS | HTML | JavaScript |
|---|---|---|
| Python | Go | Java |
| PHP | C/C++ | C# |
语法
th,td{boder-bottom:width style color}
提示：width指定分隔线的宽度；style指定分隔线的类型，比如solid表示实现；color指定分隔线的颜色。
表格水平分隔线设置实例代码，及在线编辑器
<table id='t2'>
<tr><th>水果</th><th>蔬菜</th><th>零食</th></tr>
<tr><td>橄榄</td><td>油麦菜</td><td>香蕉片</td></tr>
<tr><td>芒果</td><td>莴笋</td><td>饼干</td></tr>
</table>
<style>
#t2{width:100%;height:30%;}
#t2 th{border-bottom:1px solid skyblue;text-align:center;}
#t2 td{border-bottom:1px solid skyblue;text-align:center;}
</style>