表格细边框
举例:
tb为table的ID
/* 方法一 */
/* 思路:画出表格的右边框和下边框,再画出所有td的上边框和左边框 */
#tb
{
border-bottom:1px solid red;
border-right:1px solid red;
}
#tb td
{
border-top:1px solid red;
border-left:1px solid red;
}
/* 方法二 */
/* 思路:收缩重叠的边框 */
#tb
{
border:1px solid red;
border-collapse:collapse;
}
#tb td
{
border:1px solid red;
}
举例:
tb为table的ID
/* 方法一 */
/* 思路:画出表格的右边框和下边框,再画出所有td的上边框和左边框 */
#tb
{
border-bottom:1px solid red;
border-right:1px solid red;
}
#tb td
{
border-top:1px solid red;
border-left:1px solid red;
}
/* 方法二 */
/* 思路:收缩重叠的边框 */
#tb
{
border:1px solid red;
border-collapse:collapse;
}
#tb td
{
border:1px solid red;
}
本文详细介绍了如何使用CSS为表格设置边框样式,包括两种不同的方法:一种是分别设置表格的左右边框和所有单元格的上下边框,另一种是使用border-collapse属性使边框合并。通过实例演示了如何实现表格的细致边框效果。
1162

被折叠的 条评论
为什么被折叠?



