2017-09-29 13 views
0

我在html中創建了一個表格,並嘗試使用css將樣式應用到它,但輸出沒有顯示在谷歌瀏覽器版本61 for mac中。表格邊框屬性沒有顯示在谷歌鉻版本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> 

回答

0

當我嘗試這在Chrome的代碼似乎工作(產生單一紅色邊框的表格)。但是,請嘗試將您的文檔類型更改爲<!DOCTYPE html>而不是過渡文檔類型。例如,嘗試將樣式聲明分解爲單獨的屬性;

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