首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
综合应用
> 正文
CSS 横向图片列表
2010-03-04 综合应用 645℃
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS 图片列表,横向</title> <style type="text/css"> <!-- * { margin:0; padding:0; font-size:12px; text-decoration:none; } #products { width:560px; margin:50px auto; } #products li { width:110px; height:154px; float:left; margin-left:30px; display:inline; } #products li a { display:block; } #products li a img { border:1px solid #666; padding:1px; } #products li span a { width:110px; height:30px; line-height:24px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } --> </style> </head> <body> <ul id="products"> <li><a href="#"><img src="http://www.zlcool.com/images/tx/s2.jpg" alt="" width="100" height="75"/></a> <span><a href="#">VB定时关机源码示例</a></span> </li> <li><a href="#"><img src="http://www.zlcool.com/images/tx/s3.jpg" alt="" width="100" height="75"/></a><span><a href="#">一个好用的C++日志生成类</a></span> </li> <li><a href="#"><img src="http://www.zlcool.com/images/tx/s6.jpg" alt="" width="100" height="75"/></a> <span><a href="#">JS+CSS联合打造图文结合动感菜单</a></span> </li> </ul> </body> </html>
相关特效代码
无相关信息
热门特效代码
腾讯天气预报的JS代码
点击“添加收藏”代码
多款表格边框单元格特殊效果代码
CSS 横向图片列表
网站连接速度测试JavaScript代码
用CSS为表格添加阴影效果
综合搜索引擎代码
超级计数器网页特效代码
强迫访问广告链接代码
nVida 网站图片滑动切换代码
推荐特效代码
强迫访问广告链接代码
点击“添加收藏”代码
CSS 横向图片列表
常用的对联广告带关闭功能
极品仿windows进度条效果
漂亮的触发行变色代码