CSS list-style属性控制ul标签样式
<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标签样式的更多相关文章
- CSS style 属性
CSS style 属性 定义和用法 必需的 type 属性规定样式表的 MIME 类型. type 属性指示 <style> 与 </style> 标签之间的内容. 值 &q ...
- css,js,jquery的载入方式和属性控制
本文章主要总结了css,js,jQuery在编写程序时的载入方式,与属性控制方式html和css共同组成了一个最基础的网页,js为标签样式提供动态效果 一,css的载入方式与属性控制 1.1,css引 ...
- css字体样式(Font Style),属性
css字体样式(Font Style),属性 css字体样式(Font Style)是网页中不可或缺的样式属性之一,有了字体样式,我们的网页才能变得更加美观,因此字体样式属性也就成为了每一位设计者 ...
- 【jQuery】总结:筛选器、控制隐藏、操作元素style属性
筛选器 -> http://blog.csdn.net/lijinwei112/article/details/6938134 常用到的: $("tr[id=ac_"+id+ ...
- style属性css与javascript对照表
有时候会用javascript来控制标签的style,但js的style属性写法跟css有点不一样,通常是一个单词的写法不变,单词-单词属性会去掉“-”,再把第二个单词的首字母大写,估计是为了与减法运 ...
- CSS和JavaScript标签style属性对照表
CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,后面字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border ...
- JavaScript CSS Style属性对照表
JavaScript CSS Style属性对照表 盒子标签和属性对照 CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border border border-bottom ...
- CSS用HTML中的style属性替换
废话不多说上代码: 1.用CSS给文字添加背景色: <html> <head> <style type="text/css"> body {ba ...
- CSS border边框属性教程(color style)
CSS 边框即CSS border-border边框样式颜色.边框样式.边框宽度的语法结构与应用案例教程篇 一.CSS 边框基础知识 CSS 边框即CSS border是控制对象的边框边线宽度.颜色. ...
随机推荐
- [BZOJ4199][NOI2015]品酒大会
#131. [NOI2015]品酒大会 统计 描述 提交 自定义测试 一年一度的“幻影阁夏日品酒大会”隆重开幕了.大会包含品尝和趣味挑战两个环节,分别向优胜者颁发“首席品酒家”和“首席猎手”两个奖项, ...
- Java super关键字活用
在实际开发中我们要自定义组件,就需要继承自某个组件类,如果我们自定义的这个组件类也需要像被继承的这个组件类一样,拥有丰富的构造方法. 关键字super的作用就更加显得尤为重要了,你可以在堆砌自己自定义 ...
- 第一个Mac shell 小脚本
大多数程序员都喜欢偷懒的,我也不例外.相信好多Android开发的coder 在网络http请求方面,会浪费很多时间在接口调试这里..有时候,自己写了一个小测试,行还好,不行的话,还要跟写后台的哥们一 ...
- 删除MSSQL中所有表的数据
CREATE PROCEDURE sp_DeleteAllDataASEXEC sp_MSForEachTable 'ALTER TABLE ? NOCHECK CONSTRAINT ALL'EXEC ...
- js二进制与十进制互转
十进制转换为二进制: var num = 100; console.log(num.toString(2)); toString()方法可把一个 Number 对象转换为一个字符串,并返回结果. 语法 ...
- Python语言中对于json数据的编解码——Usage of json a Python standard library
一.概述 1.1 关于JSON数据格式 JSON (JavaScript Object Notation), specified by RFC 7159 (which obsoletes RFC 46 ...
- java并发编程(十九)障碍器CyclicBarrier
转载请注明出处:http://blog.csdn.net/ns_code/article/details/17512983 CyclicBarrier(又叫障碍器)同样是Java 5中加入的新特性,使 ...
- EL表达式判断
今天在做开发时遇到个小问题,就百度一番很快找到答案.这里记一下免得以后到处找... 在项目中显示项目名称时因为名字太长所以影响我的样式问题. 解决办法就是将固定长度之后的用"..." ...
- java接口中定义成员变量
//抽象类中可以定义如下成员变量:public abstract class People { public String name; public int age; public abstract ...
- linux内核分析作业5:分析system_call中断处理过程
1.增加 Menu 内核命令行 调试系统调用. 步骤:删除menu git clone (tab) make rootfs 这就是我们将 fork 函数写入 Menu 系统内核后的效果, ...