自定义列表样式图像定位
对列表项应用填充时,列表样式图像保持静止。这可能是实现所需格式的限制。
使用背景样式的解决方案
直接调整 list-style-image 的位置是不可行的。但是,背景和填充样式的组合可以模拟类似的效果:
li { background: url(images/bullet.gif) no-repeat left top; padding: 3px 0px 3px 10px; list-style: none; margin: 0; }
在此示例中:
替代方法
如果目标是将整个项目符号列表放置在其容器内,请考虑设置父列表容器 (ul) 的样式。 A List Apart 等资源可以提供指导:[将时尚的“Box”容器添加到无序列表中](https://alistapart.com/article/box-model-list-styling)
以上是如何在 CSS 中自定义列表样式图像定位?的详细内容。更多信息请关注PHP中文网其他相关文章!