今天小编跟大家讲解下有关CSS list-style属性控制li标签样式示例代码 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS list-style属性控制li标签样式示例代码 的相关资料，希望小伙伴们看了有所帮助。
list_style属性用于修改列表的属性 格式如下： list_style：列表项标记类型 列表项标记的位置 列表项标记; 也可以单独设置列表项标记： list-style-type用于设置列表项类型： 默认值为disc为实心圆 常用值：none空 circle空心圆 square实心方块 decimal数字 lower-latin小写拉丁字母a,b,c..... upper-latin大写字母A,B,C.... list-style-position用于设这列表项位置： 默认值outside表示在li标签外部 这是对li添加边框border：1px solid red;可以看到标记的位置。 inside表示标记在li标签里面 同样添加边框时可以清晰地看到。 list-style-image用于设置使用图像替换列表项标记： 默认值：none 可选值：URL 格式为url("url地址"); 举例： 复制代码代码如下: <!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 type="text/css"> ul { border:1px solid red; } li{ border:1px solid red; list-style:disc outside url(news_list.gif); list-style-position:5px; } </style> </head> <ul> <li>你好</li> <li>我好</li> </ul> <body> </body> </html> 规定一个 "list-style-type" 属性以防图像不可用。来源：爱蒂网
