li的简单应用(将前面的点换成图标)

li的简单应用

*{margin:0;padding:0;}
#test
{
width:300px;
margin:5px;
}
#test ul li
{
margin:3px;/* for IE5.x*/
margin/*\*/:1px;
list-style-type:none;
font:normal normal normal ?px/2em helvetica,Arial, verdana;
border:1px #004080 solid;
background: #fefefe url('http://bbs.51js.com/images/smilies/icon1.gif') no-repeat left
center;
padding-left:20px;
}

  • 测试列表的
  • 测试列表的
  • 测试列表的
  • 测试列表的

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • li的简单应用(将前面的点换成图标)

    li的简单应用 *{margin:0;padding:0;} #test { width:300px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/*\*/:1px; list-style-type:none; font:normal normal normal ?px/2em helvetica,Arial, verdana; border:1px #004080 solid; background: #fefefe

  • li的简单应用

    作者:eoe 虽然自己天天写CSS~~ 可是来了原创文章这里~~不知道要写什么~~ 今天就先写个LI 的简单应用~~以后慢慢加好了 这是一个普通的LI <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

  • 通过js简单实现将一个文本内容转译成加密文本

    复制代码 代码如下: <SCRIPT language=JavaScript> <!-- var Words; function SetWords(word) { Words = word.value; } function SetNewWords(form) { var NewWords; NewWords = unescape(Words); form.NewWords.value = NewWords; } function SetNewWords1(form) { var New

  • jQuery中的on与bind绑定事件区别实例详解

    on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" . selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代. data:当一个事件被触发时要传递event.data给事件处理函数. fn:该事件被触发时执行的函数. false 值也可以做一个函数的简写,返回false. bind(type,[data],fn) 为每

  • 详细介绍Linux的定时任务crontab

    详细介绍Linux的定时任务crontab

    一.前言 crontab命令常见于Unix和类Unix的操作系统之中,用于设置周期性被执行的指令.该命令从标准输入设备读取指令,并将其存放于"crontab"文件中(/var/spool/cron/以用户命名的文件),以供之后读取和执行.该词来源于希腊语 chronos(χρνο),原意是时间. 通常,crontab储存的指令被守护进程 - crond激活在后台运行,每一分钟检查是否有预定的作业需要执行.这类作业一般称为cron jobs. 二.启动crond进程 service cr

  • Android插件化-RePlugin项目集成与使用详解

    前言:前一段时间新开源了一种全面插件化的方案-- RePlugin,之前一种都在关注 DroidPlugin 并且很早也在项目中试用了,但最终没有投入到真正的生产环节,一方面是项目中没有特别需要插件化的需求,另一方面也考虑到 DroidPlugin 不是特别稳定,Android系统每更新一次 DroidPlugin 可能就会出现一些 Bug,毕竟 Hook 了 Android 原生的太多东西,系统一旦更新引发 Bug 是在所难免的.当然,这些并不能否认 DroidPlugin 的优秀,它的原理和

  • Java中输入被跳过情况的深入探究

    Java中输入被跳过情况的深入探究

    java新手,写学校作业时发现了这个问题 问题代码 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner reader = new Scanner(System.in); System.out.print("请输入: "); double a = reader.nextDouble(); System.out.print("请输入: &quo

  • React 性能优化方法总结

    React 性能优化方法总结

    目录 前言 为什么页面会出现卡顿的现象? React 到底是在哪里出现了卡顿? React 有哪些场景会需要性能优化? 一:父组件刷新,而不波及子组件. 第一种:使用 PureComponent 第三种:函数组件如何判断props的变化的更新呢? 使用 React.memo函数 使用 React.useMemo来实现对子组件的缓冲 一:组件自己控制自己是否刷新 三:减少波及范围,无关刷新数据不存入state中 场景一:无意义重复调用setState,合并相关的state 场景二:和页面刷新没有相

  • golang goquery selector选择器使用示例大全

    目录 引言 基于HTML Element 元素的选择器 ID 选择器 Element ID 选择器 Class选择器 Element Class 选择器 属性选择器 parent>child选择器 prev+next相邻选择器 prev~next选择器 内容过滤器 :first-child过滤器 :first-of-type过滤器 :last-child 和 :last-of-type过滤器 :nth-child(n) 过滤器 :nth-of-type(n) 过滤器 nth-last-child

  • 基于Vue.js实现简单搜索框

    基于Vue.js实现简单搜索框

    在github上看到的练习,看个遍代码后自己再练一遍,先放原址:https://github.com/lavyun/vue-demo-search 主要用到的知识很简单,简单的vuejs2.0的知识就够了.源码用了.vue构建和ES6,用了webpack打包等等.我资历还浅,先用一个简单的.js的写. 先看效果 这里有两个组件,一个组件是logo部分的,一个是搜索框部分的. html html很简单,就是引用两个组件. <div id="app"> <logo-pic

随机推荐