点击按钮后，在现有的css卡片旁边自动生成一张css卡片

点击按钮后，在现有的 CSS 卡片旁边自动生成一张 CSS 卡片，可以通过以下方式实现：

首先，我们需要在 HTML 文件中创建一个按钮和一个 CSS 卡片的容器，可以使用 <button> 和 <div> 标签来实现。例如：

<button onclick="generateCard()">生成卡片</button>
<div id="cardContainer"></div>

然后，在 JavaScript 文件中定义一个 generateCard() 函数，用于生成 CSS 卡片。在该函数中，我们可以使用 DOM 操作来创建一个新的 <div> 元素，并为其添加 CSS 类，以及其他样式属性。例如：

function generateCard() {
  // 创建一个新的卡片元素
  var card = document.createElement("div");
  
  // 添加 CSS 类和其他样式属性
  card.classList.add("css-card");
  card.style.width = "200px";
  card.style.height = "300px";
  card.style.backgroundColor = "lightblue";
  card.style.border = "1px solid blue";
  
  // 将卡片元素添加到容器中
  var container = document.getElementById("cardContainer");
  container.appendChild(card);
}