ホームページ > 記事 > ウェブフロントエンド > table の border-spacing: 10px; が機能しないのはなぜですか?
table の border-spacing: 10px; が機能しないのはなぜですか?
- 黄舟オリジナル
- 2017-06-30 10:03:323350ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。