css 做成卡片效果图 |css横向纵向滚动条

.card {
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12),
0 1px 2px rgba(0,0,0,0.24);
padding: 20px;
}

这段 CSS 代码定义了一个基本的卡片样式，包括边框、圆角、阴影和内部填充。现在，大家可以在 HTML 代码中应用这个样式：

这是一张卡片
这里可以填写一些文字

通过应用 .card 样式类，大家可以让包裹在 div 标签中的内容具有卡片样式。可以根据具体需要对这个样式类进行调整，例如改变边框颜色、内部填充大小，增加图标和按钮等等。

总之，使用 CSS 制作卡片效果是一个非常简单和实用的技能，能够让网站或应用的用户界面更加美观和易用。