表边框属性未显示在 google chrome 版本 61 for mac答案

【问题标题】：Table Border property not showing up in google chrome version 61 for mac表边框属性未显示在 google chrome 版本 61 for mac
【发布时间】：2018-03-11 18:33:42
【问题描述】：

我在 html 中创建了一个表格，并尝试使用 css 对其应用样式，但输出未显示在 google chrome version 61 for mac 中。

我不知道出了什么问题，但边框没有显示出来。

我正在使用 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>

【问题讨论】：

标签： html css macos google-chrome

【解决方案1】：

当我在 Chrome 中尝试此操作时，代码似乎可以正常工作（在桌子周围产生一个红色边框）。但是，请尝试将您的文档类型更改为 <!DOCTYPE html> 而不是过渡文档类型。例如，还可以尝试将样式声明分解为单个属性；

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

【讨论】：