简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  Warum funktioniert border-spacing: 10px; in der Tabelle nicht?

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

黄舟
黄舟Original
2017-06-30 10:03:323285Durchsuche

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>

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

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：CSS: Das Border-Spacing-Attribut wird in IE6 IE7 IE8(Q) nicht unterstützt.Nächster Artikel：CSS: Das Border-Spacing-Attribut wird in IE6 IE7 IE8(Q) nicht unterstützt.

In Verbindung stehende Artikel

Mehr sehen