上下结构的图文混排CSS列表(2)

图片层list_pic的样式定义： 首先觉定使用ul列表，宽度设定为433px； 需要注意的是内边距的设置：padding:15px 0 0 15px;

（右侧内边距之所以设置为0，是因为li的间距问题，这样更有力页面的表现，您也可以将它设置为：padding:15px 15px 0 15px;对比效果）

li设置图片块的大小94px，间距margin:0 14px 0 0;

鼠标悬停的情况下图片的边框颜色由蓝色变成灰色；

设置链接文字样式，

将span转换为块元素。span内的链接同样转换为块元素，设置宽度与高度分别是94px; 20px；行距设置为20px；文字水平居中对齐。

Example Source Code

搜索“diyifanwen.net”或“第一范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，第一范文网，提供最新教学研究上下结构的图文混排CSS列表(2)全文阅读和word下载服务。