Html 点击卡片打开链接

我是一个初学者，我正在用HTML制作一个网站。它主要由卡片组成，一些卡片链接到其他页面（例如传记）。我想我的一些卡，点击后，带我到另一个网页。我有一门卡片课：

.card {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
            border-radius: 10px;

            width: 70%;
            margin: auto;
    }

还有另一个使卡片看起来漂亮的类：

.card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

因此，当鼠标悬停在某些牌上时，牌的阴影会增加。这些是我想有链接的卡片（到目前为止只有两张）。其他非链接卡具有不同的类别

是否有一种方法可以在单击时使用

card

类链接到另一个页面来制作卡片？如果卡片上的任何地方都有单击，而不仅仅是文本，则应该是这样。

您确实包装了

您可以使用html标记或jQuery，但不能使用CSS。添加一些htmlcode@wpcoder标记？@wpcoder，这样我就可以简单地将整个卡放入标记中？@wpcoder值得一试。这会使卡变小。只需更改类控件宽度中的宽度，然后更改为所需的宽度。宽度：100%；或宽度：700px；等等。不，它使卡片变小了。70%是合适的尺寸。我想是它的封闭性使卡片变小了。你还有70%的卡片宽度吗？我更新了上面的代码，您可以看到在没有

的控件宽度类的情况下，vs是如何影响悬停的。在上面的示例中，两张卡的大小也相同。