[已解决]list-style-type属性问题

木桶 · 发表于 2019-4-23 19:03:03

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

请问大神：

list-style-type属性到底能不能用于修改有序列表的标记呢？我试了一下代码是可以的，有序列表是能够通过list-style-type属性达到修改标记的目的的，12讲的习题答案中说不可以？这是因为啥呢？

最佳答案

月排行榜 / 总排行榜

不二如是

2019-4-24 09:40:57

1、 list-style-type即可以修改有序列表的标记，也可以修改无序列表的标记哦。

但是取值不一样哦，代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>list-style-type属性</title>
    <style type="text/css">
        /*修改有序*/
        /*有序列表list-style-type属性取值*/
        /*list-style-type属性值        说明*/
        /*decimal        默认值，数字1、2、3……*/
        /*lower-roman        小写罗马数字i、ii、iii……*/
        /*upper-roman        大写罗马数字I、II、III……*/
        /*lower-alpha        小写英文字母a、b、c……*/
        /*upper-alpha        大写英文字母A、B、C……*/

        ol{list-style-type: lower-roman ;}

        /*修改无序*/
        /*无序列表list-style-type取值*/
        /*list-style-type属性值        说明*/
        /*disc        默认值，实心圆“●”*/
        /*circle        空心圆“○”*/
        /*square        实心正方形“■”*/
        ul{list-style-type: square ;}
    </style>
</head>
<body>
<p>有序列表</p>
<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ol>
<p>无序列表</p>
<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>
</body>
</html>

可以参看速查宝典：传送门

跳转到最佳答案楼层

不二如是 · 发表于 2019-4-24 09:40:57

1、 list-style-type即可以修改有序列表的标记，也可以修改无序列表的标记哦。

但是取值不一样哦，代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>list-style-type属性</title>
    <style type="text/css">
        /*修改有序*/
        /*有序列表list-style-type属性取值*/
        /*list-style-type属性值        说明*/
        /*decimal        默认值，数字1、2、3……*/
        /*lower-roman        小写罗马数字i、ii、iii……*/
        /*upper-roman        大写罗马数字I、II、III……*/
        /*lower-alpha        小写英文字母a、b、c……*/
        /*upper-alpha        大写英文字母A、B、C……*/

        ol{list-style-type: lower-roman ;}

        /*修改无序*/
        /*无序列表list-style-type取值*/
        /*list-style-type属性值        说明*/
        /*disc        默认值，实心圆“●”*/
        /*circle        空心圆“○”*/
        /*square        实心正方形“■”*/
        ul{list-style-type: square ;}
    </style>
</head>
<body>
<p>有序列表</p>
<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ol>
<p>无序列表</p>
<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>
</body>
</html>

可以参看速查宝典：传送门

木桶 · 发表于 2019-4-24 13:37:58

不二如是发表于 2019-4-24 09:40
1、 list-style-type即可以修改有序列表的标记，也可以修改无序列表的标记哦。

但是取值不一样哦，代码 ...

谢谢大神！！多问一句：针对无序列表只有disc、circle、square这三种属性可用是么？

账号		自动登录	找回密码
密码			立即注册