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>