用css如何实现对列表自动产生序号

用css如何实现对列表自动产生序号,第1张

1.定义<ol type="1">

2.设置li标签的宽度,并且加上float="left"属性

你所想的效果在IE浏览器是不能实现的!

但是还是刚才的方法在firefox浏览器里面是可以实现的

奉劝楼主可以加背景实现或者直接写,不要在这个事情上浪费时间

<!DOCTYPE html>

<html>

<body>

<ol>

<li>咖啡</li>

<li>牛奶</li>

<li>茶</li>

</ol>

<ol start="50">

<li>咖啡</li>

<li>牛奶</li>

<li>茶</li>

</ol>

</body>

</html>

不知道是不是这个。

用CSS设置UL标签的列表符号,这个我们是不需要去设置的,因为ul默认就是标签符号的,如果你是使用了这个list-style:none;去掉了这个属性,然后你又想有的话,你就给这个ul一个id或者是class,然后在css中list-style-type:disc

!important这样就又有序号了,具体看代码:

<html>

<head>

<style>

#div1{

width:600px

height:40px

font-size:13px

list-style-type:disc

!important

}

</head>

<body>

<div

id='div1'>

<ul>

<li>测试1</li>

<li>测试2</li>

</ul>

</div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11728838.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存