CSS基础知识介绍——通过CSS定义样式表

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>

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值