设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Web开发 › list-style-type属性问题
返回列表 发新帖
查看: 2272|回复: 2

[已解决]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即可以修改有序列表的标记，也可以修改无序列表的标记哦。

但是取值不一样哦，代码：
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>list-style-type属性</title>
  6.     <style type="text/css">
  7.         /*修改有序*/
  8.         /*有序列表list-style-type属性取值*/
  9.         /*list-style-type属性值        说明*/
  10.         /*decimal        默认值，数字1、2、3……*/
  11.         /*lower-roman        小写罗马数字i、ii、iii……*/
  12.         /*upper-roman        大写罗马数字I、II、III……*/
  13.         /*lower-alpha        小写英文字母a、b、c……*/
  14.         /*upper-alpha        大写英文字母A、B、C……*/

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

  18.         /*修改无序*/
  19.         /*无序列表list-style-type取值*/
  20.         /*list-style-type属性值        说明*/
  21.         /*disc        默认值，实心圆“●”*/
  22.         /*circle        空心圆“○”*/
  23.         /*square        实心正方形“■”*/
  24.         ul{list-style-type: square ;}
  25.     </style>
  26. </head>
  27. <body>
  28. <p>有序列表</p>
  29. <ol>
  30.     <li>HTML</li>
  31.     <li>CSS</li>
  32.     <li>JavaScript</li>
  33. </ol>
  34. <p>无序列表</p>
  35. <ul>
  36.     <li>HTML</li>
  37.     <li>CSS</li>
  38.     <li>JavaScript</li>
  39. </ul>
  40. </body>
  41. </html>
复制代码

Snip20190424_172.png


可以参看速查宝典：传送门
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

不二如是
发表于 2019-4-24 09:40:57 | 显示全部楼层    本楼为最佳答案   
1、 list-style-type即可以修改有序列表的标记，也可以修改无序列表的标记哦。

但是取值不一样哦，代码：
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>list-style-type属性</title>
  6.     <style type="text/css">
  7.         /*修改有序*/
  8.         /*有序列表list-style-type属性取值*/
  9.         /*list-style-type属性值        说明*/
  10.         /*decimal        默认值，数字1、2、3……*/
  11.         /*lower-roman        小写罗马数字i、ii、iii……*/
  12.         /*upper-roman        大写罗马数字I、II、III……*/
  13.         /*lower-alpha        小写英文字母a、b、c……*/
  14.         /*upper-alpha        大写英文字母A、B、C……*/

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

  18.         /*修改无序*/
  19.         /*无序列表list-style-type取值*/
  20.         /*list-style-type属性值        说明*/
  21.         /*disc        默认值，实心圆“●”*/
  22.         /*circle        空心圆“○”*/
  23.         /*square        实心正方形“■”*/
  24.         ul{list-style-type: square ;}
  25.     </style>
  26. </head>
  27. <body>
  28. <p>有序列表</p>
  29. <ol>
  30.     <li>HTML</li>
  31.     <li>CSS</li>
  32.     <li>JavaScript</li>
  33. </ol>
  34. <p>无序列表</p>
  35. <ul>
  36.     <li>HTML</li>
  37.     <li>CSS</li>
  38.     <li>JavaScript</li>
  39. </ul>
  40. </body>
  41. </html>
复制代码

Snip20190424_172.png


可以参看速查宝典：传送门
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

木桶
 楼主| 发表于 2019-4-24 13:37:58 | 显示全部楼层
不二如是 发表于 2019-4-24 09:40
1、 list-style-type即可以修改有序列表的标记，也可以修改无序列表的标记哦。

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

谢谢大神！！多问一句：针对无序列表只有disc、circle、square这三种属性可用是么？
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-5-22 00:08

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表