ydzf.net
当前位置:首页 >> li设置标签图片 >>

li设置标签图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html

<li style="list-type:none"><img src="你要加的图片符号"</li> 在li的style里面将li 的默认黑点符号去掉,然后在li内容里卖弄添加你要用的图片符号就好了

我是这么认为的!li{list-style:none;backgroud:(url..&#47;img&#47;xxx.xx)00no-repeat;}用背景图片做的

为什么图片居中一定要用<li>标签?可以有很多种方法的,换种试试!http://www.o-popo.com/pages/news/news1_content_36.asp

每个li写一个class或者如果li的宽度、高度一定的话,可以把整个背景图片放ul里边,调整li适合背景图片就行了

<ul type="disc" style="background-color:#CCCCCC;List-style-position:inside;"> <li>网页培训</li> <li>asp培训</li> <li>asp.net培训</li></ul> 主要为ul添加CSS,里面有个list-style-position,设它为inside就可以了.另外,也可以使用margin来达到!

给li添加背景图片.如果是相同的话,可以直接用 ul li{backgorund:url(xx.jpg)} 不同的话,要单独给li加样式,如.li1{backgorund:url(xx.jpg)}.li2{backgorund:url(xx.jpg)}

&lt;ul type="disc" style="background-color:#CCCCCC;List-style-position:inside;"&gt; &lt;li&gt;网页培训&lt;/li&gt; &lt;li&gt;asp培训&lt;/li&gt; &lt;li&gt;asp.net培训&lt;/li&gt;&lt;/ul&gt;主要为ul添加CSS,里面有个list-style-position,设它为inside就可以了.另外,也可以使用margin来达到!

li标签的css样式名称是current 其中要说明的就是楼上说的有点小问题,li是dw的默认标签所以不需要调用class,直接设置完css之后li即可生效.不过它控制的是所有的li.如果要控制单个要分开定义css样式,然后再用class或id调用.

下面是把图片定义成li标签,并设置了高度和宽度,只需要把图片所放位置src的路径和图片名称001.jpg修改即可:html代码如下:<ul><span style="color:#993300;"><li><a href="#"><img src="images/001.jpg"width="70" height="70"

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