HTML试图样式化表头

时间:2015-03-25 18:07:37

标签: html

这是我目前的代码。我试图让桌面标题为“出生年份的着名怪物”的颜色为红色,无法弄清楚我的生活怎么做。

<html>
  <head>
    <title>Table Time</title>
  </head>

  <body>
    <table style="border-collapse:collapse;">
        <thead>
            <tr>
                <th colspan="2">Famous Monsters by Birth Year</th>
            </tr>
            <tr style="border-bottom:1px solid black;">
                <th style="padding:5px;"><em>Famous Monster</em></th>
                <th style="padding:5px;border-left:1px solid black;"><em>Birth Year</em></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="padding:5px;">King Kong</td>
                <td style="padding:5px;border-left:1px solid black;">1933</td>     
            </tr>

            <tr>
                <td style="padding:5px;">Dracula</td>
                <td style="padding:5px;border-left:1px solid black;">1897</td>
            </tr>

            <tr>
                <td style="padding:5px;">Bride of Frankenstein</td>
                <td style="padding:5px;border-left:1px solid black;">1944</td>
            </tr>
        </tbody>
    </table>  
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

如果您不想使用单独的CSS文件并且只想在html中将标题设置为红色,则可以执行以下操作:

<th colspan="2"><font color="red">Famous  by Birth Year</font></th>

但由于HTML5不支持font标记的collor属性,我建议使用内联CSS:

 <th colspan="2" style="color:red">Famous  by Birth Year</th>