div+css 有序列表前能不能用大写阿拉伯数字呢

发布网友发布时间：2022-04-21 12:55

共6个回答

懂视网时间：2022-04-21 17:16

一。示例

1.自定义序号，

一般的列表顺序都是以1.2.3.为序号，但需要“、”代替“.” ，这时我们就要自己定义，主要使用了CSS的counter-increment对部分和子部分进行编号，但问题是折行的部分不能自动缩进

[css] view plain copy

1 ol{list-style-type:none;counter-reset:sectioncounter;width:200px;} 2 ol li:before { 3 content:counter(sectioncounter) "、"; 4 counter-increment:sectioncounter; 5 }

执行后为：

2. 标准格式

[css] view plain copy

ol{list-style-type:demical;width:200px;} ol li{ list-style-position:outside;}

执行后为：

二、css的UL、ol、li样式

1.list-style-type 属性设置列表项标记的类型。

2.list-style-image 属性使用图像来替换列表项的标记

取值: list-style-image:none/url

3.list-style-position 属性设置在何处放置列表项标记。

该属性用于声明列表标志相对于列表项内容的位置。外部 (outside) 标志会放在离列表项边框边界一定距离处，不过这距离在 CSS 中未定义。内部 (inside) 标志处理为好像它们是插入在列表项内容最前面的行内元素一样。

取值: list-style-position:inside/outside

注：有的时候outside不起作用，原因是加了浮动，

4.list-style属性

list-style 简写属性在一个声明中设置所有的列表属性。

取值:li-style:list-style-type/list-style-image/list-style-position

注：有的时候列序号不起作用，原因是加了浮动，

解决办法是 list-style-position:outside;改成list-style-position: inside;或去掉浮动设置

热心网友时间：2022-04-21 14:24

CSS2.0没有办法自动改变为，将序列号改为01、02、03。
如果你懂得PHP或者JS，我可以再和你说怎么改变成你要的效果。
前提是你懂得点动态脚本的基础理念才可以。
你要明白，CSS不过是个定义好的样式，等着你调用的样式。
即是是XML，它现在也不能扩展到自动定义你喜欢的样式列表。
你在下面运用的是ol样式，上面却定义ul的样式，是肯定没用的。
他们是两种列表。
建议楼主把书静下心来，哪怕简单的看上两天，把基础看好，这样后，你再去尝试模仿者写些CSS样式。否则你以后写这个会遇到很问题。

热心网友时间：2022-04-21 15:42

CSS2.0没有办法自动改变为，将序列号改为01、02、03。
如果你懂得PHP或者JS，我可以再和你说怎么改变成你要的效果。
前提是你懂得点动态脚本的基础理念才可以。
你要明白，CSS不过是个定义好的样式，等着你调用的样式。
即是是XML，它现在也不能扩展到自动定义你喜欢的样式列表

热心网友时间：2022-04-21 17:17

你把链接改成：
<a>一、新年快乐</a>
<a>二、...</a>
<a>三、...</a>
不就完了，css里面设置不显示列表自带的符号。

热心网友时间：2022-04-21 19:08

没有，回答完毕

热心网友时间：2022-04-21 21:16

1 a A i I