W3.CSS-卡 - 芒果文档

📌 相关文章

📜 W3.CSS-卡

📅 最后修改于: 2020-10-17 05:09:59 🧑 作者: Mango

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

Sr. No.	Class Name & Description
1	w3-card Styles a container for any HTML content with border
2	w3-card-2 Styles a container for any HTML content with 2px bordered shadow
3	w3-card-4 Styles a container for any HTML content with 4px bordered shadow
4	w3-card-8 Styles a container for any HTML content with 8px bordered shadow
5	w3-card-12 Styles a container for any HTML content with 12px bordered shadow

例

w3css_cards.htm

现场演示

The W3.CSS Syntax Highlighter
      
      
      
   
   
      
         
         Yellow Card Demo   
      
      

      
      
         TODO: Learn HTML5
      
      
         TODO: Learn HTML5
      
      
         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

结果

验证结果。