这是一种数字序号效果,你先运行一下看效果就明白了,完全使用CSS自己的属性方法来实现,代码中一共演示了三种序号风格,一种是阿拉伯数字风格,还有大写序号风格,另外还有带竖线的序号风格,向大家介绍如何用CSS自动为内容增加序号的功能,非常实用。

代码如下:html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

CSS自动加序号Ordered List样式

/* list 1 style */

#list1 {

font: italic 1em Georgia, Times, serif;

color: #999999;

}

#list1 p {

font: normal .8em Arial, Helvetica, sans-serif;

color: #000000;

}

/* list 2 styles */

#list2 {

font: italic 1em Georgia, Times, serif;

color: #999;

list-style: lower-roman;

}

#list2 p {

font: normal .85em Georgia, Times, serif;

color: #000;

}

/* list 3 styles */

#list3 {

font: normal 1.1em Arial, Helvetica, sans-serif;

color: #666;

}

#list3 p {

font: normal .7em Arial, Helvetica, sans-serif;

color: #000;

border-left: solid 1px #999;

margin: 0;

padding: 0 0 1em 1em;

}

  1. FontLister字体查看及卸载软件,应该说查看字体的功能还是挺强大的,可预览字体,可查看字体的超多属性信息,比如字符集、字体的高度和宽度、精细、水平和垂直方位、默认字符、末字符、断字符以及字体类型、单元高度等信息,用起来十分方便,免安装,无限制,也不需注册。

  2. HTML5真的很棒,你看看这个网页加载效果就明白了,不用任何图片,纯代码实现动画效果,一个方格动画,随着网页加载而变化的效果。方格也是由代码生成的,超赞吧?

  3. VB打印窗体及窗体中的控件,就是把窗口中的输入框按钮什么的也打出来。程序的亮点是窗口界面的设计,尤其是登记表的设计,有个性,程序采用了Access数据库,输入完这些信息,可保存,如果打印机连接正确,则可直接打印了。

  1. 调色板代码,VB制作调色器的主代码,本程序通过拖动滑块来改变颜色,每个基色都有对应的滑块,左侧方格适时显示所调整的颜色值

  2. 一个IP自动切换的程序,隔几秒后会自动断开、自动连接,适用于adsl,这样ADSL宽带的IP地址就是不停变化的,软件主要适用于一些特殊场合,比如客户端投票之类的被限制IP的时候用,软件功能简单,不需要注册就可使用。

  3. RegDllView软件下载,这个小软件可以很方便的查看你电脑中已注册的DLL、oxc以及以COM方式注册的exe组件等,在每个已注册的文件中,你可以查看它的最后注册日期,CLSID和ProgID等

  1. 苏飞迷你农历日历-万年历,是以前网页上的一个日历,经苏飞优化完善,重新编译成软件版本,这样用着更方便了,日历中包括农历、节日、星期、节气等众多丰富的信息查询功能

  2. html5 canvas超酷loading,用时候可以单独摘出某个你喜欢的Loading代码,看了你会喜欢的。注意不要用IE8测试,html5现在支持火狐、Chrome、Opera等浏览器。

  3. 两个下拉导航菜单的演示,用jquery.easing.1.3.js和jquery.naviDropDown.1.0.js以及jquery.hoverIntent.minified.js共同实现,最新的jquery版本也可以引入,在演示页面中,分别有横向水平向下滑出的下拉菜单.

效果如图:

css怎么写数字序号,CSS自动加序号-多种有序列表数字序号相关推荐

  1. [css] 如何写高效的CSS?

    [css] 如何写高效的CSS? 唔,自动补全.预编译这些辅助手段确实能提升一定的效率, 但我觉得真正能提升效率的是,不看预览就敢上手的理论知识. 见过太多加几行就要预览下效果的开发了,哪怕给他双屏其 ...

  2. html取消列表,html怎么取消有序列表的序号

    在html中,可以利用css list-style-type属性来取消有序列表的序号,该属性可以设置列表项标记的类型,只需要给ol标签元素设置"list-style-type:none;&q ...

  3. DIV 浮动层 绝对定位居中浮动 用CSS怎么写 —— 绯色的CSS系列

    DIV浮动层绝对居中定位用CSS怎么写?详细解说,直接看样式,下面的写法兼容IE系列浏览器和火狐浏览器. DIV浮动层绝对居中定位用CSS怎么写?下面的写法兼容IE系列浏览器和火狐浏览器. 详细解说, ...

  4. css边框三角形 怎么用css样式写出三角形 css三角形怎么实现消息框

    css实现边框三角形 这里我就用css样式写一个下三角的样式 其它方向一样 只需要给不想要显实的边框设置透明色即可 div{height: 0; width: 0;border-top: 20px s ...

  5. js table 生成序号_el-table树形表格表单验证(列表生成序号)

    树形表格表单验证预览 树形列表生成序号 首先需要生成一个序号用来确定表单验证的目标row,通过广度优先遍历,以1,1.1,1.1.1的规则对树形列表生成确定唯一值的索引,因为列表自身可以做CURD,因 ...

  6. 写了一个新浪微博自动加粉的挂机小工具

    写这个东西其实是为了自己方便,运行最小化到托盘就行. 内核是新浪微博的互粉大厅.原理是因为互粉大厅只要在线就会进行自动互粉,无需手工操作. 编程:VB编程. 软件大小:100K左右 其实,如果把浏览器 ...

  7. [css] 请用css写一个扫码的加载动画图

    [css] 请用css写一个扫码的加载动画图 @Keyframes donut-spin { 0% { transform: rotate(0deg); } 100% { transform: rot ...

  8. html中写自增数字,CSS 小技巧:counter 实现有序列表编号自增

    做前端开发的童鞋都知道 ol 是有序列表 ,全称是ordered list.其使用有如下几种方式: 一.使用数字编号 极限编程网 博客园 CSDN 二.使用大写字母 极限编程网 博客园 CSDN /* ...

  9. css 文字超出部分自动加省略号

    在移动端,经常会在适配的时候遇到文字超出的问题,最合理的做法就是超出部分自动加省略号. 用到的属性有 text-overflow: ellipsis; /显示省略符号来代表被修剪的文本/ word-b ...

  10. 你知道我们平时在CSS中写的%都是相对于谁吗?

    0.引言 在我们编写CSS的时候,经常会用到百分比赋值(%)实现自适应.像我们最常使用的流式布局设计模式,基本所有的column的宽度都是通过%来取值的.或者比如经常会遇到的元素水平垂直居中问题,我们 ...

最新文章

  1. 怎么在CSDN中写微信公众号推文?
  2. 一个5年运维工程师的新年回首
  3. MicroStation VBA 操作提示
  4. VirtualBox 扩展虚拟硬盘容量
  5. 音视频开发(26)---H.264编码格式和视频编码的一些基本概念
  6. gdb查看空指针 linux_资深程序员总结:分析Linux进程的6个方法,全都告诉你!
  7. 文本文件与0、1文件
  8. 分布式文件系统_新一代分布式文件系统XGFS揭秘——元数据服务
  9. [转载]windows 7 IIS 7.5 ASP.Net 文件上传大小限制
  10. 关于DSP2812的Timer0定时器配置程序的质疑
  11. java中前加加和后加加(精彩案例)
  12. (五)Excel函数应用之查询与引用函数
  13. CSS 3之网页背景颜色
  14. 关于STM8的程序下载问题:SWIM Error[30006]报错解决办法汇总
  15. 要想增加流量需要做的几点,淘宝运营新手必看的免费流量小知识
  16. 游戏测评浅浅试—MMO手游太古神王2测评
  17. elk替代_记一次关于elk收集的日志中把手机号码用***代替遇到的问题以及解决
  18. tile cannot extend outside image
  19. 图片映射字体反爬-某租房网
  20. 贪心算法(Java版本)

热门文章

  1. 沃德移动尾气净化设备监控管理系统
  2. 2、slf4j绑定JUL(桥接模式)
  3. 空洞骑士 Mac版 支持M1
  4. 书中自有黄金屋系列4:读《一课经济学》
  5. Linux下安装SVN服务(CentOS7下)单仓库版(老威改良版)
  6. 携程工作感言(一)(6.30)
  7. 银河麒麟桌面V10SP1安装nosqlbooster 可视化工具
  8. 2018最受欢迎数据采集20大产品产品名单出炉!
  9. mysql sql文件分割_'.sql'数据备份大文件分割与合并_MySQL
  10. mysql中默认值_和comment_MySQL字段默认值踩坑记录