关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

如何控制列表样式位置

作者:佚名   时间:2012-10-17   分享到:

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

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



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/hynews/20151126/n2583.html

上海联楷网络新闻