简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

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

WBOY
发布： 2016-06-24 11:56:31
原创
1842 人浏览过


<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>
登录后复制
  • "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>
    登录后复制
    • 咖啡
    • 茶
    • 可口可乐

  • 咖啡
  • 茶
  • 可口可乐



    • 相关标签：
    CSS 所有的列表样式类型
    来源：php.cn
    上一篇：css position: absolute、relative详解_html/css_WEB-ITnose 下一篇：IE7 和 IE10下边框出现黑线_html/css_WEB-ITnose
    本站声明
    本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
    作者最新文章
    最新问题
    用于计算父作用域中的变量时，CSS 作用域自定义属性无法识别 我正在尝试通过var自定义属性来缩放大小，以便类可以在不耦合的情况下组合。期望的效果是3个列表将具有3个不同的比例，但正如CodePen上所示，所有3个列表的比例相同。我正在寻找范...
    来自于 2023-11-01 21:53:10
    0
    1
    180
    如何更新 MySQL 5.7.10 中的 JSON 数据类型列？ 我最近开始使用MySQL5.7.10，我非常喜欢原生JSON数据类型。但是在更新JSON类型值时我遇到了问题。问题：下面是表格格式，这里我想在data列中为t1表添加1个键。现在我...
    来自于 2023-10-16 19:03:34
    0
    2
    307
    致命错误：对空对象调用成员函数prepare() 我正在尝试访问类别及其内容的列表。我有一个名为“类别”的课程。我不断收到此错误。奇怪的是，到目前为止我已经在其他两个地方使用了同样的代码，没有任何问题。我在这里所做的只是重用代码并...
    来自于 2023-10-14 15:49:30
    0
    2
    368
    学习如何在CSS伪类函数中有效地运用复合选择器:host-context(<选择器>) 在MDN文档中，:host-context()被定义为：:host-context()CSS伪类函数选择包含它所在的CSS的影子DOM的影子主机（因此您可以从其影子DOM中选择自定...
    来自于 2023-09-16 15:49:33
    0
    1
    621
    为什么在Sass样式表中，我们应该使用@use来导入代码，而不是直接使用@import？ 我正在实施一个项目，根据我的了解，@use只会将代码导入到我们使用@use的样式表中，而不是任何其他样式表。sass文档：@use加载的成员（变量、函数和混合）只在加载它们的样式表...
    来自于 2023-09-15 21:45:03
    0
    1
    455
    相关专题
    更多>
    热门推荐
    热门教程
    更多>
    相关教程
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！