基础 CSS 基础版式有序列表

Foundation CSS框架是一个前端框架，它结合了 HTML 和 CSS，以及其他工具、功能和控件，以创建灵活的设计环境。该框架由 ZURB 基金会于 2011 年 9 月创建，它允许您创建在任何设备上看起来都很棒的令人惊叹的响应式网站、应用程序和电子邮件。在本文中，让我们了解如何创建有序列表。

有序列表是对象的集合，其中内容的顺序很重要。数字列表是有序列表的另一个名称。在编号方法中，我们可以使用阿拉伯数字、罗马数字或字母来确定顺序。有序列表标签或

用于制作有序列表。

Foundation CSS Base Typography Ordered Lists 类：创建有序列表不需要特定的类。

句法：

    
 ... 
    
 ... 
    ....

示例 1：在此示例中，数字用于确定顺序。

HTML

  

  

    Foundation CSS Base Typography Ordered Lists
    
    
    
    
    

  

    GeeksforGeeks
    Foundation CSS Base Typography Ordered Lists
    
        
            Web technologies used in web development:
        
        
            HTML
            CSS
            JAVASCRIPT
            PHP
            BOOTSTRAP etc...
        
    
  
    
        $(document).foundation();
    

  





输出：



基础 CSS 基础版式有序列表

示例 2：在此示例中，罗马数字用于确定顺序。

HTML

    Foundation CSS Base Typography Ordered Lists
    
    
    
    
    
    
      
    
        ol {
            list-style-type: upper-roman;
        }
    

  

    GeeksforGeeks
    Foundation CSS Base Typography Ordered Lists
    
        
            Web technologies used in web development:
        
        
            HTML
            CSS
            JAVASCRIPT
            PHP
            BOOTSTRAP etc...
        
    
  
    
        $(document).foundation();
    

  

输出：



基础 CSS 基础版式有序列表

参考： https://get.foundation/sites/docs/typography-base.html#ordered-lists