el-card 样式调整

`el-card`是Element UI库中的一个卡片组件，用于展示信息块。如果你想对它的样式进行调整，可以利用CSS来控制。以下是一些基本的样式调整：

1. **改变背景色**：你可以修改`.el-card__inner`的选择器来改变卡片内容区域的背景颜色，例如：

   .el-card__inner {
       background-color: #f0f0f0;
   }

2. **更改边框**：通过修改`.el-card`的选择器来设置边框样式、宽度和颜色：

   .el-card {
       border: 1px solid #ccc;
   }

3. **自适应高度**：使用`:hover`伪类来改变鼠标悬停时的样式，如改变阴影效果：

   .el-card:hover {
       box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
   }

4. **调整间距**：如果需要调整卡片内的内容和边界的间距，可以调整`.el-card__body`的内边距(`padding`)属性。

记住，直接在元素上应用样式可能会覆盖Element UI默认的主题，如果你想要主题化定制，建议查看Element UI的文档并了解如何使用主题系统。