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是控制对象的边框边线宽度.颜色. ...
随机推荐
- CODEVS1090 加分二叉树
codevs1090 加分二叉树 2003年NOIP全国联赛提高组 题目描述 Description 设一个n个节点的二叉树tree的中序遍历为(l,2,3,…,n),其中数字1,2,3,…,n为节点 ...
- jQuery的选择器中的通配符
(1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");// ...
- WP8解析JSON格式（使用Newtonsoft.Json包）
DOTA2 WebAPI请求返回的格式有两种,一种是XML,一种是JSON,默认是返回JSON格式. 这里举一个简单的解析JSON格式的例子(更多JSON操作): { "response&q ...
- TDD测试驱动开发
TDD测试驱动开发 一.概念 TDD故名思意就是用测试的方法驱动开发,简单说就是先写测试代码,再写开发代码.传统的方式是先写代码,再测试,它的开发方式与之正好相反. TDD是极限编程的一个最重要的设计 ...
- 遍历datatable的方法
+方法一:DataTable dt = dataSet.Tables[0];for(int i = 0 ; i < dt.Rows.Count ; i++){string strName = d ...
- JavaScript 中string方法
注意:JavaScript的字符串是不可变的(immutable),String类定义的方法不能改变原来字符串内容,例如String.toUpperCase()这样的方法,返回的是全新的字符串,而不是 ...
- iOS 面试总结 二
1.用三种方法生成内容为数字 1,2 ,3 的可变数组.(使用Objective-C,尽量一行代码实现) //方法一 NSMutableArray *arr1 = [[NSMutableArray a ...
- SubVersion Ubuntu
UbuntuサーバにSubversionを入れる Linux, 開発ツール | Ubuntuサーバが無事に動いたので.続いてSubversionを入れてみる. こんな感じの環境を考える. Apa ...
- mongo遍历表
$mongo = new MongoClient("mongodb://192.168.8.189:27017"); $collectObj = $mongo->select ...
- mac安装虚拟机
1. 安装VirtualBox 2. 新建,按照步骤一步步选择 3.安装系统镜像 xp_sp3_74070.iso CN_WIN7_SP1_X64_33in1_V1.2.iso 设置磁盘分区等 4.V ...