1

我目前正在迁移旧版 Web 应用程序。原始源代码使用演示属性定义站点外观。例如，这个 HTML 表格有一个漂亮的边框：

<table margin="0" padding="0" width="100%" cellspacing="0"
    cellpadding="0" border="1" bgcolor="#ffffff"
    border-collapse="collapse" list-style-type="circle">

但是，我正在尝试删除所有这些并开始使用 CSS 来定义页面的外观。所以，我定义了这种风格：

table.exteriorTable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
    border: 1px;
    background-color: #ffffff;
    border-collapse: collapse;
    list-style-type: circle;
}

并使用以下方法将其应用于表：

<table class="exteriorTable">

编辑：

还尝试包含border-width属性并且边框不会出现：

table.exteriorTable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
    border-width:1px;
    background-color: #ffffff;
    border-collapse: collapse;
    list-style-type: circle;
}

Firebug 说样式被应用到表格上，但是边框是不存在的。我究竟做错了什么？

4

2 回答 2

1

为边框添加宽度。border: 1px;是不够的，因为边框本身是几个边框属性的简写。

border-width:1px;
于 2012-10-16T02:23:55.233 回答
1

添加border-style:solid;

table.exteriorTable {
        margin: 0px;
        padding: 0px;
        width: 100%;
        border-spacing: 0px;
        padding: 0px;
        border-width: 1px;
        border-style:solid;
        background-color: #ffffff;
        border-collapse: collapse;
        list-style-type: circle;
    }
于 2012-10-16T02:24:44.997 回答