Maison  >  Article  >  interface Web  >  Pourquoi border-spacing: 10px; in table ne fonctionne-t-il pas ?

Pourquoi border-spacing: 10px; in table ne fonctionne-t-il pas ?

黄舟
黄舟original
2017-06-30 10:03:323350parcourir

J'utilise une feuille de style : table { border-collapse: séparée; border-spacing: 10px; border:1px solid #000000 }, je veux tableLes cellules sont séparées, mais pourquoi le paramètre d'espacement des bordures ne fonctionne-t-il pas ? Veuillez me donner quelques conseils

Je souhaite simplement utiliser CSS pour obtenir l'effet suivant, mais l'espacement des bordures : 10px ne fonctionne pas ; work

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

Je veux juste utiliser CSS pour obtenir l'effet ci-dessus. Je ne sais pas comment utiliser CSS pour obtenir l'effet de cellpacing="4" défini en HTML. : 10px; mais ça n'a pas fonctionné ; S'il vous plaît, donnez-moi quelques conseils

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>

ne prend pas en charge
mais pourquoi abandonner une si bonne fonction intégrée comme un tableau.
Utilisez CSS pour compliquer le tableau. .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn