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是控制对象的边框边线宽度.颜色. ...
随机推荐
- Uboot+Linux启动时间优化
动机 设备启动时间往往是项目立项时的一项重要技术指标.快速的启动时间意味着设备宕机时间的缩短,系统的快速恢复,也能改善用户使用时的体验感受,是一项重要的市场竞争力. 准备 优化启动时间之前,我们首先要 ...
- 根据异常处理对 Java 方法的层次分类
我根据异常处理对 Java 的方法分为三个层次:1.执行层,2. 处理层,3. 调用层. 执行层方法只抛出异常 throws Exception,是作为代码的基层操作者,可能有多个层次. 处理层方法使 ...
- 【Telerik】查询控件<telerik:RadMaskedTextBox>的使用
在SilverLight项目中,实现模糊查询,并将值绑定到列表中,使用了Telerik中的<telerik:RadMaskedTextBox>控件. 要先添加命名空间的引用: xmlns: ...
- pythonchallenge 解谜 Level 3
第三关. 问题的解法在于正则表达式. 首先...你应该能找到需要正则的字符在哪里...那就好了! 题意就是说: One small letter, surrounded by EXACTLY thre ...
- iOS 10 开发问题总结
兼容iOS 10 资料整理笔记 1.Notification(通知) 自从Notification被引入之后,苹果就不断的更新优化,但这些更新优化只是小打小闹,直至现在iOS 10开始真正的进行大 ...
- DevExpress控件的GridControl控件小结
DevExpress控件的GridControl控件小结 (由于开始使用DevExpress控件了,所以要点滴的记录一下) 1.DevExpress控件组中的GridControl控件不能使横向滚动条 ...
- advstringgrid笔记
一下操作是在advstringgrid7.4.6.3版本下有效,advstringgrid控件名设置为 zy 一.属性设置 1.修改单元格内的值:zy.cells[col,row]='value'; ...
- VB6.0 为批量字体改名
从网上下载了一个字符包,解压以后查看,发现文件名是这种形式:0120_XXXXXX_GBK.ttf,看上去很不雅观.我想改成 XXXXXX简体.ttf 这种形式,但字体有300多个,手动修改太浪费时间 ...
- 剑指Offer面试题:1.实现Singleton模式
说来惭愧,自己在毕业之前就该好好看看<剑指Offer>这本书的,但是各种原因就是没看,也因此错过了很多机会,后悔莫及.但是后悔是没用的,现在趁还有余力,把这本书好好看一遍,并通过C#通通实 ...
- 剑指Offer面试题:15.反转链表
一.题目:反转链表 题目:定义一个函数,输入一个链表的头结点,反转该链表并输出反转后链表的头结点. 链表结点定义如下,这里使用的是C#描述: public class Node { public in ...