W3.CSS - 卡片

W3.CSS卡 - 从简单和简单的步骤学习W3.CSS，从基本到高级概念，包括概述，环境设置，容器，代码着色，卡片，响应式设计，表格，按钮，工具提示，模态对话框，网格，表格，列表，图像，图标，颜色，导航，实用程序。

W3.CSS有几个特殊类可以将容器显示为带有阴影的纸质卡片.

锶.不.	类名&描述
1	w3-card 为任何带边框的HTML内容设置容器样式
2	w3-card-2 为具有2px边界阴影的任何HTML内容设置容器样式
3	w3-card-4 样式任何带有4px边界阴影的HTML内容的容器
4	w3-card-8 为任何带有8px边框阴影的HTML内容设置容器样式
5	w3-card-12 为任何带有12px边界阴影的HTML内容设置容器样式

示例

w3css_cards.htm

         The W3.CSS Syntax Highlighter                                                Yellow Card Demo
               
                     TODO: Learn HTML5

TODO: Learn HTML5

White Card Demo

TODO: Learn W3.CSS

TODO: Learn HTML5

HTML5 Tutorial

The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality. The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

Image Card Demo

Learn HTML5

结果

验证结果.