2017-09-29 9 views
0

テーブルをhtmlで作成し、CSSを使用してスタイルを適用しようとしましたが、出力がMac用のGoogle Chromeバージョン61に表示されません。テーブルボーダープロパティがMac用のGoogle Chromeのバージョン61に表示されない

何が問題なのか分かりませんが、境界線が表示されません。

私はMacos Sierraを使用しています。

私が使用しているエディタはブラケットです。私は、コードが動作しているようです(テーブルの周りに単一の赤のボーダーを生成します)Chromeでこれをしようとすると

は、ここに私のコード

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

です。ただし、doctypeをtransitional doctypeではなく<!DOCTYPE html>に変更してみてください。また、スタイル宣言を個々のプロパティに分割してみてください。

table { 
border-width:3px; 
border-style:solid; 
border-color:red; 
} 
関連する問題