自訂清單樣式影像定位
對清單項目套用填滿時,清單樣式影像保持靜止。這可能是實現所需格式的限制。
使用背景樣式的解決方案
直接調整 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中文網其他相關文章!