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

list-style-type属性问题

请问大神:

    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 13:37:58

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

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

谢谢大神!!多问一句:针对无序列表只有disc、circle、square这三种属性可用是么?
页: [1]
查看完整版本: list-style-type属性问题