liststyleimage,liststyleimage 大小
list-style-image可以设置大小吗
list-style-image不可以设置大小。根据查询相关公开信息显示,网页编程设计中list-style-image不能进行图标的大小设置。编程是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。
求解!html里的列表属性里的list-style-image 具体该怎么用啊?就是怎么用它把列表标记换成自己定义的图案
其实要实现你说的那个方法,正确用法并不是使用list-style-image来实现的,因为并不是所有浏览器都能很好的支持它,并且它的效果也没有那么好。
正确的方法是用背景图片来实现。
例如HTML结构如下 :
ul
li列表1/li
li列表2/li
/ul
CSS大致如下:
ul , li{margin:0;padding:0;list-style:none;}
li{padding-left:20px;
background:url('你要使用的自定义图片') no-repeat 0 0;
}
只要这样就可以了。
CSS问题 关于list-style-image
就按你自己说的,使用background-image,利用background-position来移动图标,这样可以不用动a标签的样式属性,可达到最大程度上的兼容性及实用性:
ul class="myUl"
li id="li1"tag1/li
li id="li2"tag2/li
li id="li3"tag3/li
li id="li4"tag4/li
li id="li5"tag5/li
li id="li6"tag6/li
li id="li7"tag7/li
li id="li8"tag8/li
li id="li9"tag9/li
li id="li10"tag10/li
/ul
.myUl li{background:url("你的图标的链接") no-repeat 10px 5px;}
你只需改变10px或者5px的大小,即可调整图标的位置
list-style-image中所遇到的问题,
用一个span时间就可以了 放在文字前面再设置一个右浮动就可以了
求CSS高手解决关于list-style-image图标的位置的问题。
方法 给列表 图标 定位
x,y 分别指的是图片 距离左侧 和顶端的 偏移量! no-repeat 是指 图片不填充,
你可以再 图片 路劲后面 相应的 加上 偏移数值试试,
如下所示,填写你要偏移的数值,多试几次 !
在list-style-img:url(路径) xPX yPX no-repeat;
div + css,UL的LI 中,对LI设置了list-style-image,LI中的文字是放在a标签中的,如何让图片和文字对齐?
把li设置个高度,然后把a设置设置同样的高度,最后让两个里面的文字上下居中
li,li a {height:25px;line-height:25px;}
也可能只要设置li的高度并上下居中就可以了,你试试
一般设置文字上下居中都是height和line-height相同就可以了