<html>

<head>

<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>

</head>

<body>

<ul class="none">

<li>"none" 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="disc">

<li>Disc 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="circle">

<li>Circle 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="square">

<li>Square 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="decimal">

<li>Decimal 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="decimal-leading-zero">

<li>Decimal-leading-zero 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="lower-roman">

<li>Lower-roman 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="upper-roman">

<li>Upper-roman 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="lower-alpha">

<li>Lower-alpha 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="upper-alpha">

<li>Upper-alpha 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="lower-greek">

<li>Lower-greek 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="lower-latin">

<li>Lower-latin 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="upper-latin">

<li>Upper-latin 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="hebrew">

<li>Hebrew 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="armenian">

<li>Armenian 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="georgian">

<li>Georgian 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="cjk-ideographic">

<li>Cjk-ideographic 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="hiragana">

<li>Hiragana 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="katakana">

<li>Katakana 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="hiragana-iroha">

<li>Hiragana-iroha 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="katakana-iroha">

<li>Katakana-iroha 类型</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

</body>

</html>
  • "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 类型
  • 茶
  • 可口可乐

将图片作为列表图标

<html>

<head>

<style type="text/css">

ul

{

list-style-image: url('/i/eg_arrow.gif')

}

</style>

</head>

<body>

<ul>

<li>咖啡</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

</body>

</html>

  • 咖啡
  • 茶
  • 可口可乐

CSS 全部的列表样式类型的更多相关文章

  1. CSS Ul（列表样式）

    CSS Ul(列表样式) CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 一.列表 在HTML中,有两种类型的列表: 无序列表 - 列表 ...

  2. css中的列表样式

    在网页设计中,我们经常将某些具有相似功能的标签放在同一组中,这时我们经常会用到列表标签(无序列表ul,有序列表ol),在列表标签中对列表样式的设计可以使我们的页面得到一定程度的美化. 在css中对列表 ...

  3. CSS如何设置列表样式属性

    列表样式属性 在HTML中有2种列表.无序列表和有序列表,在工作中无序列表比较常用,无序列表就是ul标签和li标签组合成的称之为无序列表,那什么是有序列表呢?就是ol标签和li标签组合成的称之为有序列 ...

  4. CSS如何设置列表样式属性，看这篇文章就够用了

    列表样式属性 在HTML中有2种列表.无序列表和有序列表,在工作中无序列表比较常用,无序列表就是ul标签和li标签组合成的称之为无序列表,那什么是有序列表呢?就是ol标签和li标签组合成的称之为有序列 ...

  5. CSS控制列表样式属性list-style有哪些？怎么用？

    CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云 ...

  6. CSS入门(定位之浮动定位、伪类之鼠标悬停、光标修改和透明度修改和列表样式)

    一.定位 所为定位,实际上就是定义元素框相对于其正常位置,应该出现在哪儿 定位就是改变元素在页面上的默认位置 分类: 普通流定位(元素默认的定位方式) 浮动定位 相对定位 绝对定位 固定定位 1.普通 ...

  7. CSS 常用列表样式

    CSS 常用列表样式 CSS没学扎实,复习记录一下.下面是一些常用的属性 list-style-image 指定一个图片作为列表项的标记 默认值none,可设置为图片的url list-style-i ...

  8. CSS背景样式和列表样式

    background-color 设置元素的背景颜色 background-image 把图像设置为背景 background-position 设置背景图像的起始位置 background-atta ...

  9. CSS 列表样式详解

    CSS列表用于前端的列表排列. CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 列表 在HTML中,有两种类型的列表: 无序列表 - 列 ...

随机推荐

  1. linux 11201(11203) ASM RAC 安装

    注意:11G的RAC安装,如果升级,则会新建目录在放软件,原来的不删除,所以所需空间比较大. 1.安装系统,把所有的开发包全部安装上 关掉防火墙和SELinux yum -y install comp ...

  2. Jmeter中的参数化常用的几种方式

    Jmeter中的参数化常用的几种方式,这里讲一下前两个方式,最后一个在csv参数化里已详细讲解. 1.用户参数 2.函数助手 3.CSV Data Set Config  一.用户参数 位置:添加-前 ...

  3. ALTER OPERATOR CLASS - 修改一个操作符表的定义

    SYNOPSIS ALTER OPERATOR CLASS name USING index_method RENAME TO newname DESCRIPTION 描述 ALTER OPERATO ...

  4. bat运行当前路径下程序

    批处理中获取当前路径的方法可能有好几种,具体有几种我没有研究过,本文只是对其中的两种之间的差别进行简单说明 本文涉及的两个当前路径标示为:%cd%.%~dp0 注:我的系统是win7旗舰版,其它系统没 ...

  5. HTTP请求报文与响应报文格式

    请求报文包含三部分: a.请求行:包含请求方法.URI.HTTP版本信息 b.请求首部字段 c.请求内容实体 响应报文包含三部分: a.状态行:包含HTTP版本.状态码.状态码的原因短语 b.响应首部 ...

  6. 跳转QQ聊天窗口

    1. 点击按钮跳转QQ聊天窗口,若不是好友,先加好友 <a href=" tencent://message/?uin=QQ号" target="_blank&qu ...

  7. 题解 洛谷P4035/BZOJ1013【[JSOI2008]球形空间产生器】

    题目链接在这QvQ "你要求出这个n维球体的球心坐标",这使我想到的解方程...... 先假设n=2,这是一个二维平面.设圆心的坐标为\((x,y)\),有两个坐标\((a_1,b ...

  8. xtrbackup备份mysql

    mysqldump备份方式是采用逻辑备份,但是它最大的缺陷就是备份和恢复速度慢对于一个小于50G的数据库而言,这个速度还是能接受的,但如果数据库非常大,那再使用mysqldump备份就不太适合了. x ...

  9. VM搭建hadoop分布式集群

    1.  安装VMware Workstation Pro 2.安装Ubuntu-16.04 3.以下全程使用sudo –s 切换root权限 4.更新deb软件包列表:apt-get update 5 ...

  10. UVA 1596 Bug Hunt （大模拟 栈）

    题意: 输入并模拟执行一段程序,输出第一个bug所在的行. 每行程序有两种可能: 数组定义: 格式为arr[size]. 例如a[10]或者b[5],可用下标分别是0-9和0-4.定义之后所有元素均为 ...