Warum funktioniert border-spacing: 10px; in der Tabelle nicht?-CSS-Tutorial-php.cn

Warum funktioniert border-spacing: 10px; in der Tabelle nicht?

黄舟

Freigeben： 2017-06-30 10:03:32

Original

3398 Leute haben es durchsucht

Ich verwende Stylesheet: table { border-collapse: separate; border:1px solid #000000 }, ich möchte tableDie Zellen sind getrennt, aber warum funktioniert die Einstellung „Randabstand“ nicht?Ich möchte nur CSS verwenden, um den folgenden Effekt zu erzielen, aber „Randabstand: 10px“ funktioniert nicht Arbeit

Ich möchte nur CSS verwenden, um den oben genannten Effekt zu erzielen. Ich weiß nicht, wie ich CSS verwenden soll, um den in HTML festgelegten Effekt zu erzielen : 10px; aber es hat nicht funktioniert; Bitte geben Sie mir einen Rat

<!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>

Nach dem Login kopieren

ie+ff

unterstützt nicht

<!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>

Nach dem Login kopieren

aber warum auf eine so gute integrierte Funktion verzichten? des Tisches.

Verwenden Sie CSS, um die Tabelle zu komplizieren. .

Das obige ist der detaillierte Inhalt vonWarum funktioniert border-spacing: 10px; in der Tabelle nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!