CSS 图片列表的简单例子

发布时间:2020-12-24编辑:脚本学堂
分享一例css图片列表的小例子,附有演示图片,有需要的朋友参考学习下。

本节内容:
css实现图片列表。

如下图所示:
18.jpg

1,css代码
 

复制代码 代码示例:
ul {list-style:none;width:800px;border:1px solid red;float:left} 
 li {width:120px;height:120px;float:left;text-align:center;position:relative} 
 li img {width:100px;height:100px;border:1px solid #ddd;padding:5px;background:#f0f0f0;position:absolute;}  

说明,在代码使用中,注意图片的大小要一样。

更多css教程,尽在脚本学堂,欢迎大家持续关注本站。