试一试

<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. CSS常用布局学习笔记

    水平居中-行内元素 如果是文字和图片这类的行内元素,则在其父级元素上加上样式:text-align:center; 水平居中-定宽块元素 div{ width:100px; margin:0 auto ...

  2. 基于zepto的H5/移动端tab切换触摸拖动加载更多数据

    以前实现移动端的滑动加载更多实现的方法是当滚动条快到页面底部时就自动加载更多的数据,在这方面很多人都用的是"西门的后花园"写的一个叫dropload的插件,这个插件用起来也很好,很 ...

  3. 利用闭包实现多次ajax请求只执行最后一次

    点一个按钮,则向服务器请求资源,不作处理时,多次点击后会有很多个请求在等待.我们知道一般我们用ajax是异步请求,那么我们快速重复点击一个按钮得到的结果其实我们并不知道是哪次点击的结果可能是第一次可能 ...

  4. cordova插件开发注意事项

    1. 编写插件,先创建好cordova项目之后,在项目里开发调试好在去创建插件目录 如何在cordova项目里创建呢,在android文件夹下面的res/xml/config.xml里去加入插件 例如 ...

  5. apache 使用htaccess自定义路由机制

    先开启伪静态.详情查看这篇文章:http://www.cnblogs.com/CyLee/p/5544119.html 然后在项目根目录中新建一个.htaccess文件,加入以下代码 正则中()的变量 ...

  6. Android分享一款漂亮的折叠书架菜单

    一个Android折叠书架菜单,效果极佳,给人的视觉感觉很好,便于使用. FoldingMenu

  7. 生成Json文件

  8. iOS开发点滴：iPhone屏幕适配

    最近开始做iOS开发,遇到一些小问题和解决方法,记录下.   今天是iPhone屏幕适配 iPhone5出来之后屏幕就有iPhone就有了2种尺寸:3.5寸和4寸,xcode 5 的IB设计器里面界面 ...

  9. MySQL的特点

    MySQL的特点 CPU特点 内存特点 磁盘特点 分析

  10. 基于 Jenkins 快速搭建持续集成环境

      什么是持续集成 随着软件开发复杂度的不断提高,团队开发成员间如何更好地协同工作以确保软件开发的质量已经慢慢成为开发过程中不可回避的问题.尤其是近些年来,敏捷(Agile) 在软件工程领域越来越红火 ...