DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS中使用counter()在列表中自動添加序號
CSS中使用counter()在列表中自動添加序號
編輯:布局實例      日期:2016/12/28 16:31:14

   在CSS 2.1在就已經支持的功能是counter(),使用它,你能方便的在頁面標題,區塊和其它各種連續出現的頁面內容上添加序號。有了它,你就不必限制於只能使用

    來實現這個效果,你可以更靈活的在頁面上使用自定義數字序列。

     

      關鍵就是它真的很簡單:在:before偽類裡的content屬性加入counter():

      body {

      counter-reset: heading;

      }

      h4:before {

      counter-increment: heading;

      content: "Heading #" counter(heading) ".";

      }

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved