嗨，我想通过单击按钮在 2 秒内将 HTML 表格的高度从 690 更改为 400。有没有办法在纯 CSS 中做到这一点？这是我的例子：
<html>
<head>
<title>Test</title>
</head>
<body>
<table>
<tr>
<td>
<button type="button">Click Me!</button>
</td>
</tr>
<tr>
<td height="690" width="1280> <--- This cell needs it height to change to 400px when the button is clicked.
Cell 1
</td>
</tr>
</table>
</body>
</html>
你不能纯粹用CSS来做到这一点，但是你可以很容易地做到这一点jQuery：
// Use a more specific selector by ID or class
$('button').click(function (event) {
$(this).closest('tr').next().children('td:first').animate({height: 400}, 2000);
});
您将需要使用 Javascript。采用function click() {
document.getElementById('id').setProperty('style', 'height:100px;');
}
对于按钮使用这个 -<button onclick="click();">BUTTON</button>
给按钮（clickbut）和表格（tableheight）提供id然后使用jquery
$(document).ready(function(){
$("#clickbut").click(function(){
$("#tableheight").css('height','somevalue eg:300px');
});
});