当前阅读教程:CSS入门到精通 > 折叠边框 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 表格边框 | 下一篇: 表格宽度和高度 |
实例border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开 代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>表格边框</title> <!--定义内部样式--> <style> table { border-collapse: collapse; }
table, td, th { border: 1px solid black; } </style> </head> <body> <table> <tr><th>第1门</th><th>第2门</th></tr> <tr> <td>html</td> <td>html5</td> </tr> <tr> <td>css</td> <td>css3</td> </tr> </table> <p><b>注意:</b>如果没有指定 !DOCTYPE border-collapse 属性在 IE8 及更早 IE 版本中是不起作用的。</p> </body> </html> 效果图 |
|
上一篇: 表格边框 | 下一篇: 表格宽度和高度 |