1

編集：すべての助けをありがとう！完成したテーブルはこちら: http://jsfiddle.net/MnLkD/

このテーブルの境界線の間に影を表示しようとしています:

http://jsfiddle.net/g2fy4/

私はそれが不可能かもしれないと推測していますが、とにかく専門家に尋ねると思いました:-P . 境界線の間隔を 2px に設定し、境界線なしで、ドロップ シャドウを th タグと td タグに割り当てようとしましたが、うまくいきませんでした。

誰かが何かアイデアを持っているなら、私は入力に感謝します:-)

#content.postagepage table {
    margin:0 auto 40px auto;
    border-spacing:0;
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
}
4

3 に答える 3

4

って、こういうこと？(頭を掻く)

http://jsfiddle.net/g2fy4/2/

私がしたことは、影を取得するアイテムを から に変更し、table境界td線の間隔があることを確認することだけでした.

#content.postagepage table {
    margin:0 auto 40px auto;
    border-spacing:3px;
}
#content.postagepage td {
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
}

td 要素に影が必要な場合は、td 要素に配置してください。

于 2013-06-03T02:56:33.667 に答える
0

次のようなことを達成したいですか: http://img856.imageshack.us/img856/8865/tableim.jpg ?

現在の私の唯一のアイデアは、テーブルにいくつかの絶対位置の div を設定し (ただし、テーブル セルの幅と高さを設定する必要があります)、これらの div にボックス シャドウを追加することです...

于 2013-06-02T23:59:36.700 に答える