卡片是一种灵活且可扩展的内容容器。它可以包括页眉、页脚和各种各样的内容。 W3.CSS 帮助开发人员为元素添加类似纸张的效果。它包含三种类型的类：
|
Sr. No. |
Class Name |
Description |
|---|---|---|
|
1. |
w3-card |
It is used to add a box shadow of 2px to the element. |
|
2. |
w3-card-2 |
It is same as the w3-card class. |
|
3. |
w3-card-4 |
It is used to add a box shadow of 4px to the element. |
示例：在 HTML 页面中使用不同的卡片类。
Welcome To GFG
1. w3-card Class:
GeeksforGeeks is a Computer
Science portal for geeks.
2. w3-card-2 Class:
GeeksforGeeks is a Computer
Science portal for geeks.
3. w3-card-4 Class:
GeeksforGeeks is a Computer
Science portal for geeks.
输出：
示例：添加带有页眉和页脚的卡片。
Welcome To GFG
GFF-Header
GeeksforGeeks is a Computer
Science portal for geeks.
输出：
注意：类似的，如果他/她需要，可以使用 img 标签在卡片中插入图像。