table の border-spacing: 10px; が機能しないのはなぜですか?-CSSチュートリアル-php.cn

table の border-spacing: 10px; が機能しないのはなぜですか?

黄舟

リリース： 2017-06-30 10:03:32

オリジナル

3374 人が閲覧しました

tableセルを分離するためにスタイルシート: table { border-collapse: Separate; border-spacing: 10px; border:1px Solid #000000; を使用していますが、なぜ動作しませんか? アドバイスをお願いします

CSS を使用して次の効果を実現したいのですが、border-spacing: 10px が機能しません

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<table width="400" border="1" cellpadding="0" cellspacing="4" bordercolor="#000000">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
</html>

ログイン後にコピー

上記の効果を実現するために CSS を使用したいだけです, しかし、CSSの使用方法がわかりません HTMLで設定されたcellspacing="4"の効果を実現するために、border-spacing: 10px;を試しましたが、うまくいきませんでした

ie+ff;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
table.tt{border-spacing:10px;}
</style>
<!--[if IE]>
<style type="text/css">
table.tt{sheneyan:expression(this.cellSpacing="10");}
</style>
<![endif]-->
</head>

<body>
<table width="400" border="1" cellpadding="0" bordercolor="#000000" class="tt">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
</html>

ログイン後にコピー

サポートされていません

しかし、なぜテーブルのこのような優れた機能を放棄する必要があるのでしょうか?
CSSを使用して表を複雑にします。。

以上がtable の border-spacing: 10px; が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。