Question

我试图用HTML格式化表格，但我似乎无法让它发挥作用。我希望所有内容都保持对齐，字体大小为125％。标题应为蓝色，而其他所有内容应为黑色。

截至目前，该表将包含所有黑色文本，但大小合适。标题不是左对齐的，而是在它们之间看似随机的标签。我做了一些改变，因为某些原因会影响整个表格。我似乎无法复制它（忘了我是怎么做的）。

这是我的代码：

<!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html>

<head>
<style type='text/css'> 
p {margin: 0em 0 0em 0;}
th {color: blue; text-align: left;}
tr {color: black;text-align: left;}
table {font-size:125%;}
</style>
<meta content='text/html; charset=ISO-8859-1'http-equiv='content-type'> 
<title>Test Results</title> 
</head> 

<body>
<table>
<th>
  <td>Test</td>
  <td>Status</td>
  <td>DateTime</td>
  <td>Blank Lines</td> 
</th>
<tr>
  <td>TestNameHere</td>
  <td>PASSEd</td>
  <td>20140730 15:13:13</td>
  <td>1,3,5,2,7,9</td>
</tr>
</table> 
</body>
</html>

我对此仍然很陌生，但格式化似乎与我在网上看到的一切相符。我尝试用十六进制颜色，但它没有改变任何东西。

Answer 1

这有效fiddle

<强> HTML

<table>
<tr>
  <th>Test</th>
  <th>Status</th>
  <th>DateTime</th>
  <th>Blank Lines</th> 
</tr>
<tr>
  <td>TestNameHere</td>
  <td>PASSEd</td>
  <td>20140730 15:13:13</td>
  <td>1,3,5,2,7,9</td>
</tr>
</table>

<强> CSS

p {margin: 0em 0 0em 0;}
th {color: blue; text-align: left;}
tr {color: black;text-align: left;}
table {font-size:125%;}

您的问题是您使用的是<th>而不是<tr>，而您应该在哪里提供<th>标题，您提供了<td>

HTML表格格式左对齐

1 个答案: