如何通过CSS在ULLI html列表中设置项目符号颜色,而无需使用任何图像或跨度标签[重复]

如何通过CSS在ULLI html列表中设置项目符号颜色,而无需使用任何图像或跨度标签[重复],第1张

如何通过CSS在UL / LI html列表中设置项目符号颜色,而无需使用任何图像或跨度标签[重复]

最常见的方法是按照以下方式进行 *** 作:

ul {  list-style: none;  padding: 0;  margin: 0;}li {  padding-left: 1em;  text-indent: -.7em;}li::before {  content: "• ";  color: red; }<ul>  <li>Foo</li>  <li>Bar</li>  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li></ul>

适用于所有浏览器,包括版本8及更高版本的IE。



欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5011618.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-14
下一篇 2022-11-14

发表评论

登录后才能评论

评论列表(0条)

保存