3-9问题
<meta charset="UTF-8"> <title>列表</title> <style> /*此处写代码*/ li{ list-style-type:circle; list-style-image:url(http://img1.sycdn.imooc.com/climg//58dc9e4e0001ba9000160016.png); list-style-position:outside; } .one{ list-style-type:circle; } </style> </head> <body> <!-- 此处代码 --> <ul> <li>电视电视电视电视电视电视电视电视电视电视电视电视电视电视电视电视电视</li> <li class="one">冰箱</li> <li>洗衣机</li> <li>空调</li> </ul> </body> </html>
我的目的是想让冰箱前面出现圆点但失败了,即使是使用class分开后,同时用type和image时,image也会覆盖掉type的效果吗??
正在回答 回答被采纳积分+1
<meta charset="UTF-8">
<title>列表</title>
<style>
/*此处写代码*/
li{
list-style-type: circle;
list-style-image:url(http://img1.sycdn.imooc.com/climg//58dc9e4e0001ba9000160016.png);
list-style-position:outside;
}
.one{
list-style:circle;
}
</style>
</head>
<body>
<!-- 此处代码 -->
<ul>
<li>电视电视电视电视电视电视电视电视电视电视电视电视电视电视电视电视电视</li>
<li class="one">冰箱</li>
<li>洗衣机</li>
<li>空调</li>
</ul>
</body>
</html>
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星