Table Border属性未显示在Google Chrome版本61中,用于Mac



我在HTML中制作了一个表,并尝试使用CSS应用样式,但输出未显示在Google Chrome版本61中。

我不知道怎么了,但边界不仅显示。

我正在使用Macos Sierra。

我正在使用的编辑器是括号。

这是我的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Harsh Parikh</title>
<style type="text/css">
    table{
          border:3px solid red;
         }
</style>
</head>
<body>
<table>
    <tr>
    <td>Board</td>
    <td>Stream</td>
    <td>Percentage</td>
    </tr>
    <tr>
    <td>SSC</td>
    <td>Regular</td>
    <td>86%</td>
    </tr>
    <tr>
    <td>HSC</td>
    <td>Science</td>
    <td>63%</td>
    </tr>
    <tr>
    <td>Engineering</td>
    <td>Who Cares?</td>
    <td>Brain Damager</td>
    </tr>
      <tr>
         <td>BMM</td>
          <td>Advertising</td>
          <td>A Grade</td>
          </tr>

  </table>
  </body>
  </html>

当我在Chrome中尝试此操作时,代码似乎可以工作(在表周围产生一个红色边框)。但是,尝试将您的Doctype更改为<!DOCTYPE html>,而不是过渡性医生。也尝试将样式声明分解为单个属性;

table {
border-width:3px;
border-style:solid;
border-color:red;
}

最新更新