如何使用条纹和节点，js创建卡片

<div id="card-container"></div>

.card {
  background: linear-gradient(45deg, #f3f3f3 25%, transparent 25%, transparent 75%, #f3f3f3 75%, #f3f3f3);
  background-size: 20px 20px;
  width: 200px;
  height: 300px;
  border-radius: 10px;
  position: relative;
}

.card::before,
.card::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #f3f3f3;
}

.card::before {
  top: 10px;
  left: 10px;
}

.card::after {
  bottom: 10px;
  right: 10px;
}

// 获取容器元素
const container = document.getElementById("card-container");

// 创建卡片元素
const card = document.createElement("div");
card.classList.add("card");

// 将卡片添加到容器中
container.appendChild(card);