试一试

<style type="text/css" media="all">

            ul

            {

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

            {

                list-style-type: lower-greek;

            }

            ul#lower-latin

            {

                list-style-type: lower-latin;

            }

            ul#upper-latin

            { 

            }

            ul#armenian

            {

                list-style-type: armenian;

            }

            ul#georgian

            {

                list-style-type: georgian;

            }

            ul#lower-alpha

            {

                list-style-type: lower-alpha;

            }

            ul#upper-alpha

            {

                list-style-type: upper-alpha;

            }

            ul#none

            {

                list-style-type: none;

            }

            ol

            {

                list-style-type: lower-roman;

            }

        </style>
<body>

        <ul>

            <li>正常模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="circle">

            <li>圆圈模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="square">

            <li>正方形模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="decimal">

            <li>数字模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

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

            <li>以一个0开头的数字模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="lower-roman">

            <li>小写罗马文字模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="upper-roman">

            <li>大写罗马文字模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="lower-greek">

            <li>小写阿拉伯文字模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="lower-latin">

            <li>小写拉丁文模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="upper-latin">

            <li>大写拉丁文模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="armenian">

            <li>亚美尼亚数字模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="georgian">

            <li>乔治亚数字模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="lower-alpha">

            <li>小写拉丁文模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="upper-alpha">

            <li>大写拉丁文模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

        <ul id="none">

            <li>无模式</li>

            <li>草莓</li>

            <li>香蕉</li>

            <li>苹果</li>

        </ul>

    </body>

CSS list-style属性控制ul标签样式的更多相关文章

  1. CSS style 属性

    CSS style 属性 定义和用法 必需的 type 属性规定样式表的 MIME 类型. type 属性指示 <style> 与 </style> 标签之间的内容. 值 &q ...

  2. css,js,jquery的载入方式和属性控制

    本文章主要总结了css,js,jQuery在编写程序时的载入方式,与属性控制方式html和css共同组成了一个最基础的网页,js为标签样式提供动态效果 一,css的载入方式与属性控制 1.1,css引 ...

  3. css字体样式(Font Style),属性

    css字体样式(Font Style),属性   css字体样式(Font Style)是网页中不可或缺的样式属性之一,有了字体样式,我们的网页才能变得更加美观,因此字体样式属性也就成为了每一位设计者 ...

  4. 【jQuery】总结:筛选器、控制隐藏、操作元素style属性

    筛选器 -> http://blog.csdn.net/lijinwei112/article/details/6938134 常用到的: $("tr[id=ac_"+id+ ...

  5. style属性css与javascript对照表

    有时候会用javascript来控制标签的style,但js的style属性写法跟css有点不一样,通常是一个单词的写法不变,单词-单词属性会去掉“-”,再把第二个单词的首字母大写,估计是为了与减法运 ...

  6. CSS和JavaScript标签style属性对照表

    CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,后面字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border ...

  7. JavaScript CSS Style属性对照表

    JavaScript CSS Style属性对照表 盒子标签和属性对照 CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border border border-bottom ...

  8. CSS用HTML中的style属性替换

    废话不多说上代码: 1.用CSS给文字添加背景色: <html> <head> <style type="text/css"> body {ba ...

  9. CSS border边框属性教程(color style)

    CSS 边框即CSS border-border边框样式颜色.边框样式.边框宽度的语法结构与应用案例教程篇 一.CSS 边框基础知识 CSS 边框即CSS border是控制对象的边框边线宽度.颜色. ...

随机推荐

  1. React-native之Alert

    普通的alert 先看函数原型 alert: (title: string, message?: string, buttons?: AlertButton[], type?: string) =&g ...

  2. 转：CentOS， 找不到dump命令：command not found

    dump 功能说明:备份文件系统.语 法:dump [-cnu][-0123456789][-b <区块大小>][-B <区块数目>][-d <密度>][-f &l ...

  3. mailto

    什么是mailto链接? mailto链接是一种html链接,能够设置你电脑中邮件的默认发送信息.但是需要你电脑中安装默认的E-mail软件,类似Microsoft Outlook等等.加入您已经安装 ...

  4. System.Dynamic.ExpandoObject 类型的简单使用

    该类型可以实现的是动态添加属性和移除属性,有点类似 js 中对象的操作,非常灵活 static void Main(string[] args) { dynamic obj = new System. ...

  5. 温故而知新 css + html 超级牛逼的居中策略

    该方法甚至可以解决img内容居中的问题 套路:最外层div宽度为居中内容所占的宽度(通常是1170px),并且使其居中(margin:auto) 里层的div宽度为全屏(通常是1920px;)再mar ...

  6. 关于IoCallDriver使用的疑惑

    #pragma PAGEDCODE NTSTATUS HelloDDKRead(IN PDEVICE_OBJECT pDevObj, IN PIRP pIrp) { KdPrint(("Dr ...

  7. SQL Server表分区的NULL值问题

    SQL Server表分区的NULL值问题 SQL Server表分区只支持range分区这一种类型,但是本人觉得已经够用了 虽然MySQL支持四种分区类型:RANGE分区.LIST分区.HASH分区 ...

  8. Excel导入导出组件的设计

    前言: 距离一篇文章,又八九个月过去了,随着在园子露脸的次数越来越少,正如我们淡忘上一波大神那样,我们也正下一波所淡忘. 这八九个月,前前后,游走在十来个项目上,忙,却找不到成就感. 人过30后,也是 ...

  9. STOMP协议介绍

    STOMP,Streaming Text Orientated Message Protocol,是流文本定向消息协议,是一种为MOM(Message Oriented Middleware,面向消息 ...

  10. 基于AngularJS的企业软件前端架构[转载]

    这篇是我参加QCon北京2014的演讲内容: 提纲: 企业应用在软件行业中占有很大的比重,而这类软件多数现在也都采用B/S的模式开发,在这个日新月异的时代,它们的前端开发技术找到了什么改进点呢? B/ ...