使用样式标记的html设置宽度和高度不起作用

时间:2012-10-03 05:25:12

标签: html css

我正在尝试使用html创建日历,并尝试将每个单元格的宽度和高度设置为100.为此,我尝试使用样式标记,如下所示。但由于某种原因,每个细胞的高度和宽度不会改变。但是,如果我尝试使用width / height属性修改单个单元格,而不是在样式标记中指定属性,则它可以工作。请帮忙。

<html>
<head>
    <style type="text/css">
    td {color:green; width:100; height:100}
    th {width:100}
    </style>
</head>
<body>
<table border="2">
 <caption> October 2012 Calendar</caption>
  <tr>
    <th> Sunday </th>
    <th> Monday </th>
    <th> Tuesday </th>
    <th> Wednesday </th>
    <th> Thursday </th>
    <th> Friday </th>
    <th> Saturday </th>
  </tr>
  <tr>
   <td bgcolor="grey"> &nbsp; </td>
   <td>1</td>
   <td>2</td>
   <td>3</td>
   <td background="../worldanimalday.jpg">4</td>
   <td>5</td>
   <td>6</td>
  </tr>
</table>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

............................................... ............

你的css 问题正确的css 就像这样

替换此css

td {color:green; width:100; height:100;}
    th {width:100;}

进入此

td {color:green; width:100px; height:100px;}
    th {width:100px;}