css中ul li的背景小图标属性设置的两种情况

这里我们分两种情况列出:

①当标题前的图标是很长的一绺而不是单独的一个点或者类似图标时,在定义背景图background要定义在

  • 里。因为很长,所以放在
  • 的外边

    ②当标题前的图标时单独的一个点儿或者方块或者其他类似图标时,定义背景图background要放在

  • A

    复制代码代码如下:

    .test1 { width:100px; height:265px; background:url(http://www.86image.cn/statics/images/show/li.jpg) no-repeat scroll 0 8px; }

    .test1 li {padding-left:30px; line-height:27px; list-style-type:none;}

    • one
    • two
    • three
    • four
    • five
    • six
    • seven
    • eight
    • nine
    • ten

    如图示:

    B

    复制代码代码如下:

    .test1 li { padding-left:15px; background:url("http:www.86image.cn/statics/images/tpl1/images/icon_fk.gif" ) no-repeat scroll 1px 8px; line-height:22px; list-style-type:none;}

    • 1
    • 2
    • 3

    如图示:

    相关阅读:

    Android实现悬浮对话框代码

    Linux下安装oracle客户端并配置php5.3

    Log4j不同模块输出到不同的文件中

    限时抢购秒杀系统架构分析与实战

    PHP使用get_headers函数判断远程文件是否存在的方法

    windows英文版打开百度是乱码怎么安装中文语言包?

    win10系统自动调整屏幕亮度怎么关闭?

    js计算系统当前日期是星期几的方法

    浅析12306售票算法(java版)

    div没有设置颜色时z-index不起作用的解决方法

    JavaScript中判断变量是数组、函数或是对象类型的方法

    Win10系统开不了机出现Recovery蓝屏问题的解决方法

    jQuery验证元素是否为空的两种常用方法

    win10系统下插入文字时把后面文字覆盖掉的问题分析及解决方法

php内li背景色,CSS_css中ul li的背景小图标属性设置的两种情况,这里我们分两种情况列出: ① - phpStudy...相关推荐

  1. 取消html中ul li标签前面的小圆点

    html中ul li标签默认样式带小圆点,将list-style-type设置为none <ul><li class="company" style=" ...

  2. 使用ul li和不适用ul li的区别

    在制作使用ul li和不适用ul li的区别 1.使用ul li会使其中的内容和使用p标签一样,是一个块级元素,会使内容自动分行,使用后它的内容的内边距距离边框较远 2.不适用ul li标签,内容是行 ...

  3. div内li标签间距_html ul li 横排 间距

    怎么通过CSS来修改UL里LI之间的行间距呢? 怎么通过CSS来修改UL里LI之间的行间距呢? . 使用css语句:line-height 通过设置不同的line-height值得到不同间距. 代码: ...

  4. html中 ul li 横排居中排列

    <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <t ...

  5. Jquery中ul li循环取值方式

    /*对ul下的li添加click事件,不用在文档加载完毕后循环遍历*/  1.$(document).ready(function(){        $("ul li").cli ...

  6. html怎么实现单个li效果,基于DIV+ul+li实现的表格(多示例)

    普通的显示数据的时候,ul就是项目列表,li就是列表项.可以用来显示数据.如果用于DIV+CSS布局的话,ul+li可以替换表格的作用,具体的设置,如果宽度高度.行间距.背景边框等需要配合CSS一起设 ...

  7. HTML上的ul li标签消除,去掉ul li 前面的点与空白(div+css)

    如果直接在网页用 ul li 标签,默认情况下有一个小黑点,并且每个li前面还有一段空白,尤其是li中包括图片的情况.为什么会出现这种情况?ul li 是 html 中的列表标签,所以默认每个li前面 ...

  8. html ul li 行显示li 间距,[ 求助 ] 让ul li缩小行间距的CSS代码是什么?

    我在网页中插入如下一段RSS阅读器代码: 复制内容到剪贴板 代码: Subscribe to RSS headline updates from: Powered by FeedBurner 可是保存 ...

  9. html让ul的li自动居中,css ul li导航菜单居中问题解决方法

    昨晚群里一个朋友帮忙解决的问题,之前没有遇到过,题目如下: 不改变html结构,使导航菜单垂直水平居中,导航宽度自适应屏幕100%,高度30px;单项高度28px,宽80px; 兼容:ie6+,ff, ...

最新文章

  1. WebRTC框架中的硬件加速
  2. mybatis的注解开发之三种动态sql
  3. ai作文批改_全球第一份机器人批改的作文 阿里AI批改中文试卷
  4. 在计算机领域里,只有想不到,没有做不到
  5. Java集合框架:LinkedList
  6. Python基于python实现的http+json协议接口自动化测试框架源码(实用改进版)
  7. C# :socket 通讯基础使用实例
  8. java 微信隐藏右上角_React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
  9. mongodb查询文件服务器的数据,服务器端知识库mongodb基础篇
  10. tcp套接字编程模型
  11. C++ deque
  12. mysql 字段值保留2位小数
  13. 「一本通 4.1 例 3」校门外的树 (loj10115)
  14. java对象地址连续_Java面向对象中地址的理解(长期修改)
  15. 指数有限的子群存在一个右陪集代表元系,同时也是左陪集代表元系
  16. wps重复上一步快捷键_Wps重复命令快捷键
  17. 反汇编基础:winRar去除广告
  18. HTML格式及W3C验证工具
  19. 01、pyqt入门使用--01布局、基本组件、第一个示例、qtdesigner大概使用
  20. 如何重新设置苹果id密码_苹果怎么重新设置id账号和密码

热门文章

  1. PySpark+Windows开发环境的搭建
  2. jsp获取连接池的实时连接数_数据库连接池原理分析及模拟实现
  3. .net安装_如何安装GWAS分析软件R包:GAPIT
  4. python类似turtle的库_Python库——turtle
  5. java+classpath的理解_Java配置path和classpath的含义详解-Go语言中文社区
  6. java的连接 初始化_java类从加载、连接到初始化过程详解
  7. jquery设置表单元素只读_jQuery为文本框添加只读属性readOnly
  8. HashMap的工作原理--重点----数据结构示意图的理解
  9. mongodb adminmongo 使用过程中的一些小问题记录
  10. vue文件上传 vue-simple-upload的使用方法