当前位置:首页 >> 教程连载 >> 有序列表ol和无序列表ul的区别

有序列表ol和无序列表ul的区别

发布时间:2010年4月21日 文章分类:xhtml+css 文章作者:Hitomi 浏览次数:
本文出现技术词汇:
CSS

上节课讲了ul无序列表标签和li列表元素标签,并且做了一个网易奥运专题新闻列表的实例,这节课我们来讲一下和无序列表相对应的有序列表ol并且加强训练一下上节课的CSS,对上一节课还不是很了解的同学请看这里:无序列表实践:制作网易奥运专题视频右侧新闻列表

ol的全写是ordered list有序列表的意思,它是把一些有顺序先后的li集合在一起的写法,他和无序排列ul不同,ul的排列没有先后顺序,所以ul多用做新闻、导航等这些无序的地方,而ol用在排行榜等有序的地方。

今天要讲的就这些,主要增强上一节课知识的熟练度,留一下今天的作业:

根据下图,用div、ol和li三个标签,结合id属性制作xhtml

css样式根据图片自己猜想,这里面要用到上边框border-top和下边框border-bottom了

提示:border-top:1px solid #333;代表1像素 #333颜色的实心线

我要评论

关于我们

SSEOO网络工作室是哈尔滨网站制作的个人团队,主要开展哈尔滨网站制作哈尔滨网站建设哈尔滨网站开发等业务,技术一流费用低,企业建站首选的开发团队!

我们来自哈尔滨各网络公司的IT精英,专注于简洁、实用、美观、大方的企业网站,当然我们也可以做更多其他类型的网站,只要你有明确的需求,就没有我们做不出的网站!

由于工作繁忙,暂停网站制作业务!

联系方式

数据统计

  • 技术文章:30
  • 教程连载:19
  • 技术词汇:27
  • 实用网站:14
  • 网站案例:24
  • 常用软件:5
  • 网友回复:5