>  기사  >  웹 프론트엔드  >  테이블의 border-spacing: 10px가 작동하지 않는 이유는 무엇입니까?

테이블의 border-spacing: 10px가 작동하지 않는 이유는 무엇입니까?

黄舟
黄舟원래의
2017-06-30 10:03:323350검색

스타일 시트를 사용합니다: 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에서 cellpacing="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를 사용하여 테이블을 복잡하게 만드세요. .

위 내용은 테이블의 border-spacing: 10px가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.