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 に答える