xhtml+css基础第4课-列表

我们知道,像我们wordpress侧边栏的最新文章、热门文章等等、以及点赞墙其实都是一个列表,无非就是有的是文字列表,有的是图片列表,那么我们如何能做到那样的效果呢,跟着陌小雨学习xhtml+css基础系列教程第4课-列表的课程吧。

一、ul无序和ol有序列表

无序列表是web标准布局中最常用的样式,如下面的代码:

无序列表是以ul包含li的形式,默认每行前的符号是圆点,可以通过样式表改为无、方块,空心圆等。

有序列表是以ol包含li的形式,是以数字为项目符号的。将上述代码中的ul替换为ol即可。

二、列表符号样式:

这里主要讲一下图片样式的用法:

下面讲今天课程的重点:

三、横向图文列表