简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

CSS 所有的列表样式类型_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:56:31
Original
1841 people have browsed it


<style type="text/css">ul.none {list-style-type: none}ul.disc {list-style-type: disc}ul.circle {list-style-type: circle}ul.square {list-style-type: square}ul.decimal {list-style-type: decimal}ul.decimal-leading-zero {list-style-type: decimal-leading-zero}ul.lower-roman {list-style-type: lower-roman}ul.upper-roman {list-style-type: upper-roman}ul.lower-alpha {list-style-type: lower-alpha}ul.upper-alpha {list-style-type: upper-alpha}ul.lower-greek {list-style-type: lower-greek}ul.lower-latin {list-style-type: lower-latin}ul.upper-latin {list-style-type: upper-latin}ul.hebrew {list-style-type: hebrew}ul.armenian {list-style-type: armenian}ul.georgian {list-style-type: georgian}ul.cjk-ideographic {list-style-type: cjk-ideographic}ul.hiragana {list-style-type: hiragana}ul.katakana {list-style-type: katakana}ul.hiragana-iroha {list-style-type: hiragana-iroha}ul.katakana-iroha {list-style-type: katakana-iroha}</style>
Copy after login
  • "none" 类型
  • 茶
  • 可口可乐
  • Disc 类型
  • 茶
  • 可口可乐
  • Circle 类型
  • 茶
  • 可口可乐
  • Square 类型
  • 茶
  • 可口可乐
  • Decimal 类型
  • 茶
  • 可口可乐
  • Decimal-leading-zero 类型
  • 茶
  • 可口可乐
  • Lower-roman 类型
  • 茶
  • 可口可乐
  • Upper-roman 类型
  • 茶
  • 可口可乐
  • Lower-alpha 类型
  • 茶
  • 可口可乐
  • Upper-alpha 类型
  • 茶
  • 可口可乐
  • Lower-greek 类型
  • 茶
  • 可口可乐
  • Lower-latin 类型
  • 茶
  • 可口可乐
  • Upper-latin 类型
  • 茶
  • 可口可乐
  • Hebrew 类型
  • 茶
  • 可口可乐
  • Armenian 类型
  • 茶
  • 可口可乐
  • Georgian 类型
  • 茶
  • 可口可乐
  • Cjk-ideographic 类型
  • 茶
  • 可口可乐
  • Hiragana 类型
  • 茶
  • 可口可乐
  • Katakana 类型
  • 茶
  • 可口可乐
  • Hiragana-iroha 类型
  • 茶
  • 可口可乐
  • Katakana-iroha 类型
  • 茶
  • 可口可乐

  • "none" 类型
  • 茶
  • 可口可乐
  • Disc 类型
  • 茶
  • 可口可乐
  • Circle 类型
  • 茶
  • 可口可乐
  • Square 类型
  • 茶
  • 可口可乐
  • Decimal 类型
  • 茶
  • 可口可乐
  • Decimal-leading-zero 类型
  • 茶
  • 可口可乐
  • Lower-roman 类型
  • 茶
  • 可口可乐
  • Upper-roman 类型
  • 茶
  • 可口可乐
  • Lower-alpha 类型
  • 茶
  • 可口可乐
  • Upper-alpha 类型
  • 茶
  • 可口可乐
  • Lower-greek 类型
  • 茶
  • 可口可乐
  • Lower-latin 类型
  • 茶
  • 可口可乐
  • Upper-latin 类型
  • 茶
  • 可口可乐
  • Hebrew 类型
  • 茶
  • 可口可乐
  • Armenian 类型
  • 茶
  • 可口可乐
  • Georgian 类型
  • 茶
  • 可口可乐
  • Cjk-ideographic 类型
  • 茶
  • 可口可乐
  • Hiragana 类型
  • 茶
  • 可口可乐
  • Katakana 类型
  • 茶
  • 可口可乐
  • Hiragana-iroha 类型
  • 茶
  • 可口可乐
  • Katakana-iroha 类型
  • 茶
  • 可口可乐

    • 将图片作为列表图标

    <style type="text/css">ul {list-style-image: url('/i/eg_arrow.gif')}</style>
    Copy after login
    • 咖啡
    • 茶
    • 可口可乐

  • 咖啡
  • 茶
  • 可口可乐



    • Related labels：
    CSS 所有的列表样式类型
    source：php.cn
    Previous article：css position: absolute、relative详解_html/css_WEB-ITnose Next article：IE7 和 IE10下边框出现黑线_html/css_WEB-ITnose
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Latest Articles by Author
    Latest Issues
    CSS scope custom properties are not recognized when used to evaluate variables in the parent scope I'm trying to scale the size via a var custom property so that classes can be composed wit...
    From 2023-11-01 21:53:10
    0
    1
    180
    How to update JSON data type column in MySQL 5.7.10? I recently started using MySQL5.7.10 and I really like the native JSON data type. But I ha...
    From 2023-10-16 19:03:34
    0
    2
    307
    Fatal error: Calling member function prepare() on a null object I'm trying to access a list of categories and their contents. I have a class called "...
    From 2023-10-14 15:49:30
    0
    2
    368
    Learn how to effectively use compound selectors in CSS pseudo-class functions: host-context(<selector>) In the MDN documentation, :host-context() is defined as: :host-context() CSS pseudo-class ...
    From 2023-09-16 15:49:33
    0
    1
    621
    Why in Sass stylesheets, we should use @use to import code instead of using @import directly? I'm implementing a project and from what I understand, @use will only import code into the...
    From 2023-09-15 21:45:03
    0
    1
    455
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn：Public welfare online PHP training，Help PHP learners grow quickly！