列表式圖片的位置調整
問題:
位置可以嗎列表樣式可以修改嗎?如果是這樣,我該怎麼做?
答案:
在列表項目上使用填充來調整列表樣式圖像的位置是不可行的。這是因為填充主要影響清單項目中的內容,而不影響影像。
要達到類似的效果,可以採用背景和填充樣式的組合:
li { background: url(images/bullet.gif) no-repeat left top; /* Adjust 'left' and 'top' for further control */ padding: 3px 0px 3px 10px; /* Optional: Reset styles */ list-style: none; margin: 0; }
或者,可以將樣式套用於父清單容器 (ul) 以定位項目符號清單項目。下面引用的 A List Apart 文章提供了這方面的寶貴資訊:
以上是如何調整列表式圖片的位置?的詳細內容。更多資訊請關注PHP中文網其他相關文章!