为什么在list标签内添加list-style属性无效

为什么在list标签内添加list-style属性无效

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>dom属性</title>
    <style type="text/css">
    .purple{color:purple;background-color:pink;}
    .yellow{color:yellow;background-color:orange;}
    /*li{list-style: none}
    </style>
</head>
<body>
    <h2>网络游戏排名</h2>
    <ul>
       <li list-style="none">英雄联盟</li>
        <li list-style="none">魔兽世界</li>
        <li list-style="none">DOTA</li>
        <li list-style="none">仙剑奇侠传</li>
        <li list-style="none">穿越火线</li>
        <li list-style="none">梦幻西游</li>
    </ul>
    
    </script>
</body>
</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕星星 2018-08-21 11:09:19

type才是li自己的属性,可以这样使用:

http://img1.sycdn.imooc.com//climg/5b7b822c00016df004620194.jpg

如果使用list-style,需要放在style里面,参考:

http://img1.sycdn.imooc.com//climg/5b7b8258000123ac05610146.jpg

自己测试下。

好帮手慕星星 2018-08-21 09:42:29

添加了list-style为none之后,前面小圆点就没有了哦,

http://img1.sycdn.imooc.com//climg/5b7b6dcc0001ed7b03040087.jpg

http://img1.sycdn.imooc.com//climg/5b7b6df30001716303290231.jpg

自己可以用Chrome浏览器测试下,祝学习愉快~~

  • 提问者 慕运维2135045 #1
    我的意思是,list-style写在行内标签为什么不起作用
    2018-08-21 10:04:04
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码