+ -
当前位置:首页 → 问答吧 → 如何让OL序号居中?

如何让OL序号居中?

时间:2011-08-11

来源:互联网

如何让OL序号居中?
如图
aaa.jpg (32.67 KB)
2011-8-11 17:28

<!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; charset=utf-8" /> <title>无标题文档</title> <style> ol { list-style:decimal-leading-zero;list-style-position:inside} ol li { background:#CCC; margin-top:0.4em; } ol li ul { padding-left:30px;} </style> </head> <body> <ol> <li> <ul> <li class="cycle">周期:<span>每天</span></li> <li class="time">时间:<span>周一</span><span>周二</span><span>周三</span><span>周四</span><span>周五</span><span>周六</span><span>周日</span></li> <li class="delete">删除</li> <li class="receiver">接收人:<span></span></li> <li class="content">内容:<span></span></li> </ul> <li> <ul> <li class="cycle">周期:<span>每天</span></li> <li class="time">时间:<span>周一</span><span>周二</span><span>周三</span><span>周四</span><span>周五</span><span>周六</span><span>周日</span></li> <li class="delete">删除</li> <li class="receiver">接收人:<span></span></li> <li class="content">内容:<span></span></li> </ul> </li> </ol> </body> </html>
 提示:您可以先修改部分代码再运行

作者: kaokiyo   发布时间: 2011-08-11

像ol,ul,li之类的,序号用背景图比较好

作者: pigyaa   发布时间: 2011-08-16