当前阅读教程:CSS入门到精通 > 表格边框 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: CSS Table(表格) | 下一篇: 折叠边框 |
实例指定CSS表格边框,使用border属性。 下面的例子指定了一个表格的Th和TD元素的黑色边框: 代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>表格边框</title> <!--定义内部样式--> <style> table,th,td { /*边框*/ 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> </body> </html> 效果图请注意,在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。 为了显示一个表的单个边框,使用 border-collapse属性。 |
|
上一篇: CSS Table(表格) | 下一篇: 折叠边框 |