表格边框属性未显示在谷歌浏览器版本61 for mac中

时间:2017-09-29 19:37:42

标签: html css macos google-chrome

我在html中创建了一个表,并尝试使用css将样式应用到它,但输出没有显示在谷歌浏览器版本61 for mac。

我不知道出了什么问题,但边界并没有出现。

我正在使用Macos Sierra。

我使用的编辑器是Brackets。

这是我的代码

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

1 个答案:

答案 0 :(得分:0)

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

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