zcgw.net
当前位置:首页 >> li 图标 >>

li 图标

无标题文档 li{ list-style-image:url(1.jpg); } 我的测试 把中的一个属性设置成list-style-image,并且选择你需要的图片就行了 它里面还有其他关于图标的属性,比如:list-style-type(列表样式类型);list-style(列表样式);list-style-positio...

给你段代码,如果你会CSS的话就应该能自己用了! ul{list-style-type:none;} li{background:url(你的图标路径) no-repeat center left; padding-left:具体数值; //这是根据你背景图片的宽度而定的,也就是你图片有多宽,文本就离左边多这样就不会覆...

=w=,三个方法…… 一:把ul或li 中的行高删掉。 二:修改图片,把那红色的画下一点,可做成gif透明图(如原本图为:16*16,可画成:16*21,红色部分在最底部。)。 三:去掉list-style-image属性,改为在li 中用 background 属性 如: ul{list-sty...

1、将li的height和line-height设置成为和设计稿一样的 2、将列表图标整体切出来,铺在ul上,不平铺 3、使用background-position控制ul背景和li中的文字对齐即可。。。

你这想干嘛?是li的框样式设置不了,还是li的前面的序列标记设置不了,还是背景无法设置。 list-style-type: none;这是设置不要序列前面的图标 list-style-image: none;这是设置自定义序列前面的图标没有——多余了! background: url("icon-r72.p...

首选先设定好你的图片的高度和宽度然后用定位的方式实现图片居中(这个居中是相对于你li的高度)。代码如下供参考

引用自定义图片 语法:list-style-image : none | url (url) eg. li {list-style-image : url (image/aa.gif);} 引用系统图案 语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-a...

ul,li{ font-size:14px; color: #FF0000; list-style-image: url(rss_xml.gif); list-style-type: none; } ------------------- 上面一样你用 UL 和 LI 的标签 ,, list-style-image: url(rss_xml.gif); rss_xml.gif 是你想要的图片地址 -----...

1、将li的height和line-height设置成为和设计稿一样的 2、将列表图标整体切出来,铺在ul上,不平铺 3、使用background-position控制ul背景和li中的文字对齐即可。

上述样式一般通过取消默认的list标记,然后以图片的形式实现;但是,也可以直接设置li的样式实现,思路是在li标签下嵌套span标签,然后将li的样式设置为红色,字号较大,而span为正常的样式。下面给出后者的实例演示: 创建Html元素 通过设置li...

网站首页 | 网站地图
All rights reserved Powered by www.zcgw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com