繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
AJAX相关
JavaScript
ASP编程
ASP.NET
正则表达式
CSS/HTML
PHP编程
JSP编程
编程10000问
脚本加解密
web2.0
XML/RSS
网页编辑器
相关技巧
黑客相关
网页播放器
其它综合
页面导航：
首页
→
网络编程
→
CSS/HTML
→ 正文内容
li的简单应用(将前面的点换成图标)
发布：dxy 字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<!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"> <head> <title>li的简单应用</title> <style type="text/css"> *{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; } </style> </head> <body> <div id="test"> <ul> <li>测试列表的 </li> <li>测试列表的 </li> <li>测试列表的 </li> <li>测试列表的 </li> </ul> </div> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
li的简单应用(将前面的点换成图标)
百度中搜索更多的关于
li的简单应用(将前面的点换成图标)
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
文章来源
0
顶一下
上一篇文章：
使用#default#userdata组件实现的可记忆内容的编辑器
下一篇文章：
html在线编辑器的更新[2006-05]
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
用js控制css的不错的方法
CSS定义通用透明效果
同一个页面用多个id有什么影响
针对浏览器隐藏CSS
非常酷的角BANNER
给图片在博客中添加滤镜效果
IE7 beta2的CSS兼容性
给超级链接增加其他样式
CSS锦囊
文字应用css滤镜集锦
最 近 更 新
巧用CSS滤镜做图案文字
div+css排版的样例
DOM属性用法速查手册
使用#default#userdata组件实现的可记忆内
XHTML与HTML之间的区别
引入CSS样式的五种方式
CSS圆角区块容器生成器
Flash页面如何通过校验
用CSS控制的闪烁效果
HTML标记
热 点 排 行
用DIV+CSS如何实现这种表格效果
文字或图片元素在DIV中垂直居中
用js控制css的不错的方法
给图片加阴影效果的CSS
div+css排版的样例
如何设置网页的背景为透明
DIV_圆边圆角的实现
130个漂亮CSS布局站点参考
表格隔行换色 css expression
firefox样式表定义不支持cursor:
文章评论
共有 位脚本之家网友发表了评论我来说两句