WP百科网 http://www.wpbaike.com

第六课、html列表的介绍

一、有序列表ol和无序列表ul
我们用到的列表都是无序列表

二、横向的图文列表演示

1、新建一个div,main
2、新建复合内容#main ul li
选择方框：边界：上20，左20
选择区块：文本对齐：居中

3、新建复合内容#main ul li a
选择区块：显示：块

4、设置a下面的图片样式
新建#main ul li a img
选择方框：填充1，边界：下3
选择边框：样式：实线，宽度：1，颜色：#e1e1e1

5、设置鼠标滑过li的样式
新建复合内容：#main ul li a:hover img
选择边框：样式：实线，宽度：2，颜色：橘黄
选择方框：填充0