w3-card
w3-card-4
w3-card-4
内置响应式
移动优先流式网格
适应任何屏幕尺寸
PC 平板电脑和手机
仅使用标准 CSS
易于学习
无需 jQuery
无需 JavaScript 库
纸质设计
大胆的颜色和阴影
跨平台一致
跨设备一致
红色
蓝色
蓝灰色
青色
黄色
橙色
调整页面大小以查看效果！
w3-half 类使用屏幕窗口的一半 (50%)。
在小型屏幕 (最大 600 像素) 上，它会自动调整为全屏宽度。
w3-third 类使用屏幕窗口的三分之一 (33.33%)。
在小型屏幕 (最大 600 像素) 上，它会自动调整为全屏宽度。
w3-quarter 类使用屏幕窗口的四分之一 (25%)。
在小型屏幕 (最大 600 像素) 上，它会自动调整为全屏宽度。
使用容器创建标题、部分和页脚。
伦敦是英格兰的首都。它是英国人口最多的城市，大都市区人口超过 1300 万。
伦敦坐落在泰晤士河畔，是一个拥有两千年历史的主要定居点，其历史可以追溯到罗马人创建它的时候，罗马人将它命名为伦敦。
顺便说一句，如果您想隐藏容器，可以在所有容器中添加一个关闭图标。看看你的右边！
颜色主题旨在相互和谐地工作。
对动画的反应很荒谬
感人、扣人心弦，真正制作精良
漫威和迪士尼取得了巨大成功
对动画的反应很荒谬
感人、扣人心弦，真正制作精良
漫威和迪士尼取得了巨大成功
w3-card
w3-card-4
w3-card-4
不用担心。W3.CSS 会处理您的表格。
| 名 | 姓 | 积分 |
|---|---|---|
| 吉尔 | 史密斯 | 50 |
| 夏娃 | 杰克逊 | 94 |
| 亚当 | 约翰逊 | 67 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
带图像的手风琴
法国阿尔卑斯山
伦敦是英格兰的首都。
它是英国人口最多的城市，大都市区人口超过 1300 万。
巴黎是法国的首都。
巴黎地区是欧洲最大的一个人口中心，人口超过 1200 万。
东京是日本的首都。
它是大东京地区的中心，也是世界上人口最多的都市区。
