el-card样式css模仿

`el-card`是Element UI库中的一个组件，它通常用于创建卡片式的UI元素，包含标题、内容区域以及潜在的动作按钮等。如果你想在CSS中模仿这种样式，你可以创建一个类似结构，并使用一些基础的CSS属性来实现相似效果。下面是一个简单的例子：

<div class="custom-card">
  <div class="custom-card-header">标题</div>
  <div class="custom-card-body">内容区域</div>
  <div class="custom-card-actions">动作区域</div>
</div>

然后，使用CSS来模拟样式：

.custom-card {
  border-radius: 4px; /* 边框圆角 */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  padding: 16px;
  overflow: hidden; /* 控制内容溢出 */
}

.custom-card-header {
  background-color: #f5f5f5; /* 背景色 */
  color: #333;
  padding: 8px 16px;
  font-weight: bold;
}

.custom-card-body {
  padding: 16px;
}

.custom-card-actions {
  display: flex;
  justify-content: flex-end;
  padding: 8px 16px;
}