我在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;
}