1. 通过CSS定义无序列表的小攻
语法如下: list-style-type:disc | circle | square | none; 针对无序列表的对齐方式说明表 参数说明disc实心圆circle空心圆square实心方块none无
2. 通过CSS定义排序列表的样式
语法如下: list-style-type:decimal | lower-roman | upper-roman | lower-alpsha | upper-alpha | none 针对排序列表的对齐方式说明表 参数说明decimal阿拉侬数字圆lower-roman小写罗马数字upper-roman大写罗马数字lower-alpha小写英文字母upper-alpha大写英文字母none不使用项目符号
example:
<!DOCTYPE html> <html> <head> <title>XXXXX</title> <style type="text/css"> .big ol{list-style-type: upper-roman;} .big01 ul{list-style-type: circle;} </style> </head> <body> <div class="big"><p>科技资讯</p> <ol><li>3G市场风云起,三大运营商定制旗舰手机比拼</li> <li>20日手机行情:诺基亚5230售价不足1000元</li> <li>800万触摸大屏遭贱卖,六款拍照手机推荐</li> <li>掌上足球预热世界杯,当下热门游戏手机盘点</li></ol></div> <div class="big01"> <p>财经资讯</p> <ul><li>泸深300指数基本见底 大盘或将继续下调</li> <li>广州万隆:盘面显现一个积极有利的信号</li> <li>广州万隆:冲高回落 主力资金仍在撤退?</li> <li>反弹受阻量能萎缩 市场信心有待恢复</li></ul></div> </body> </html>