html - 从表格中删除边框

Question

如何从表格标题行中删除顶部的蓝色边框以及仅在表格的第一列中的左侧蓝色边框？

CSS：

<style type="text/css">
    table {
        width: 800px;
        color: #235A81;
        font-family: Arial;
        font-size: 9pt;
        border: 0px;
    }
    th, td {
        border: solid blue;
        border-width: 1px 0px 0px 1px;
        padding: 4px;
    }
    th {
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#cdcdcd");
        width: 110px;
        height: 20px;
        border-bottom: 1px solid #808080;
    }
    tbody {
        height: 200px;
    }

        div {
            position: relative;
            height: 200px;
            width: 800px;
            overflow-y: scroll;
            overflow-x: scroll;
            border: 1px solid red;
        }

        thead tr {
            position: absolute;
            top: expression(this.offsetParent.scrollTop);
        }
        tbody {
            height: auto;
        }
        table tbody tr:first-child td {
            padding: 32px 4px 4px 4px;
        }
</style>

这是一个 js 小提琴：http: //jsfiddle.net/kvbS8/

Answer 1

尝试通过以下方式替换您的th, td声明：

th, td {
    border-bottom: 1px solid blue;
    border-right: 1px solid;
    padding: 4px;
}