如何控制列表样式位置

虽然使用list-style-image属性可以为项目标记指定自定义的图片,但遗憾的是我们不能精确控制图片的位置.Css提供list-style-position属性仅仅让我们指定标记出现在列表内容区域之内还是之外,对应的属性值分别为inside和outside

给ul添加边框为的是更容易看出列表区域的范围,如果想使用Css精确控制位于项目之前的图片,最好使用list-style-type:none来取消默认的项目标记,再用background属性为每个li元素添加背景图片,最后设置适当的padding值让背景图像显示在列表文字的左侧.

建站流程