html - 使用css表格中图片的大小

Question

这是我的第一个问题和第一个网站，一个完全的初学者所以我希望我做对了:)我用图片做了一张 table 。我为每个添加了高度和宽度，如下所示:

    <td>
    <img src="numbers.jpg" title="Numbers" width="300" height="300">
    </td>

它起作用了，但后来我尝试删除尺寸并改用我的外部 CSS 文件。所以我将其更改为:

    <td>
    <img class="topics" src="numbers.jpg" title="Numbers">
    </td>

然后在css文件中添加:

    .topics {width: 300px;
            height: 300px;}

它不起作用，图片现在以图片文件本身的原始大小显示。我还尝试将类添加到“td”部分而不是“img”，那个也不起作用。

我做错了什么？

在能够做到这一点之后，我希望得到您的答复，我还想要另一个将图片调整为移动版本的技巧。我尝试使用百分比 (%)，但没有用。因此，对此的任何见解都会很棒 :)

Answer 1

你忘了在样式中说 px 来指定它的 300 像素

.topics {
  width: 300px;
  height: 300px;
}