给一段文字添加图标
123456
给ul下面的li添加图标方法: 一 ul{ list-style-type:none; /*去掉原项目符号*/ margin:0; padding:0; } ul li{ background:url(图片路径及图片名称) no-repeat left center; /*将图片只显示一次并且居左中*/ padding-left:?px /根据需要调整数值大小 } 此方法优点为可以灵活调整图片位置;缺点为编码较为复杂 二 ul{ margin:0; padding:0; list-style-type:none; list-style-image:url(图片路径及图片名称); } 此方法优点为编码简单;缺点为无法调整图片位置 使用ul制作横向导航栏: ul与li默认属性都为区块,将li转换为内联,ul看需要决定转换与否 此时会造成li的项目符号无法显示(宽度不足以显示符号),但是图片项目会正常显示,不过此种方法无法改变li的高度 若想改变高度则在li的内部给予float:left;并加入margin-left属性,并不需要转换li的属性 li下的a正常为内联,若想点击整个li都能变为链接则要把a转换为区块 需要在ul中写入fload:left;(IE8兼容问题) 一图分两段用: 二段分别取left/right或top/bottom background-position可用于定位取哪段 需要注意标签的宽高与图片的宽高一定要算好 一个链接处于hover状态下才出现注释的立即生效版:

错6一个帮助大家练习制作网页的网站 官网