列表

包含无序列表、有序列表、内联列表、描述列表等效果。

无序列表

  • 拼图前端框架,是一款开源的专业网页前端UI解决方案。
  • 是HTML、CSS、Javascrip三者结合的前端框架。
  • 配合js效果,提供了拼图的CSS、HTML标准。
  • 方便个性化、人性化的前端设计方法。
  • 受到设计师、前端工程师、程序员及网页设计初学者的喜爱。
    • 拼图前端框架,是一款开源的专业网页前端UI解决方案。
    • 是HTML、CSS、Javascrip三者结合的前端框架。
    • 配合js效果,提供了拼图的CSS、HTML标准。
    • 方便个性化、人性化的前端设计方法。
    • 受到设计师、前端工程师、程序员及网页设计初学者的喜爱。
  • 拼图框架提供了CSS的重定义、元件样式的预设。
  • 拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果。
  • 丰富了页面效果,同时让前端设计简单化、傻瓜化。
  • 任何初学者都可快速建设美观、简洁的页面。
ul ul, ol ul { list-style-type: circle; } ul自带样式,第二层li前面是圆圈

有序列表

  1. 拼图前端框架,是一款开源的专业网页前端UI解决方案。
  2. 是HTML、CSS、Javascrip三者结合的前端框架。
  3. 配合js效果,提供了拼图的CSS、HTML标准。
  4. 方便个性化、人性化的前端设计方法。
  5. 受到设计师、前端工程师、程序员及网页设计初学者的喜爱。
  6. 拼图框架提供了CSS的重定义、元件样式的预设。
  7. 拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果。
  8. 丰富了页面效果,同时让前端设计简单化、傻瓜化。
  9. 任何初学者都可快速建设美观、简洁的页面。

采用中文有序列表,添加样式list-cn,部份浏览器不支持,另外,加上行高样式height-(*),可以改变列表的行距。
超小行距16px(.height-little)、小行距20px(.height-small)、默认24px(.height)、大行距30px(.height-big)、超大行距40px(.height-large)

  1. 拼图前端框架,是一款开源的专业网页前端UI解决方案。
  2. 是HTML、CSS、Javascrip三者结合的前端框架。
  3. 配合js效果,提供了拼图的CSS、HTML标准。
  4. 方便个性化、人性化的前端设计方法。
  5. 受到设计师、前端工程师、程序员及网页设计初学者的喜爱。
  6. 拼图框架提供了CSS的重定义、元件样式的预设。
  7. 拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果。
  8. 丰富了页面效果,同时让前端设计简单化、傻瓜化。
  9. 任何初学者都可快速建设美观、简洁的页面。

字母排序.list-alpha

  1. 拼图前端框架,是一款开源的专业网页前端UI解决方案。
  2. 是HTML、CSS、Javascrip三者结合的前端框架。
  3. 配合js效果,提供了拼图的CSS、HTML标准。
  4. 方便个性化、人性化的前端设计方法。
  5. 受到设计师、前端工程师、程序员及网页设计初学者的喜爱。
  6. 拼图框架提供了CSS的重定义、元件样式的预设。
  7. 拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果。
  8. 丰富了页面效果,同时让前端设计简单化、傻瓜化。
  9. 任何初学者都可快速建设美观、简洁的页面。

无样式列表

添加.list-unstyle样式,可以去除列表样式效果。

  • 拼图前端框架,是一款开源的专业网页前端UI解决方案。
  • 是HTML、CSS、Javascrip三者结合的前端框架。
  • 配合js效果,提供了拼图的CSS、HTML标准。
  • 方便个性化、人性化的前端设计方法。
  • 受到设计师、前端工程师、程序员及网页设计初学者的喜爱。
    • 拼图前端框架,是一款开源的专业网页前端UI解决方案。
    • 是HTML、CSS、Javascrip三者结合的前端框架。
    • 配合js效果,提供了拼图的CSS、HTML标准。
    • 方便个性化、人性化的前端设计方法。
    • 受到设计师、前端工程师、程序员及网页设计初学者的喜爱。
  • 拼图框架提供了CSS的重定义、元件样式的预设。
  • 拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果。
  • 丰富了页面效果,同时让前端设计简单化、傻瓜化。
  • 任何初学者都可快速建设美观、简洁的页面。

内联列表

添加.list-inline样式,将所有元素放置于同一列,并添加少量的padding。

  • 拼图框架
  • 起步
  • CSS效果
  • 元件

描述

带有描述内容的列表。

拼图框架
是一款开源的专业网页前端UI解决方案
框架应用
配合js效果,提供了拼图的CSS、HTML标准。
广受欢迎
受到设计师、前端工程师、程序员及网页设计初学者的喜爱。

水平排列的描述,添加样式 dl-inline

拼图框架
是一款开源的专业网页前端UI解决方案
框架应用
配合js效果,提供了拼图的CSS、HTML标准。
广受欢迎
受到设计师、前端工程师、程序员及网页设计初学者的喜爱。