CSS 图片横向排列实现代码

一个CSS布局实例，介绍的是一个横向排列的图片列表，这也是大家在从事网页布局时候最常见的一种布局实例，有必要掌握，本代码已经过了优化，个别细节你需根据你的网站主CSS风格进行调整，才能完美搭配。

<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"> </style></head><body> <ul id="products"> <li><a href="#"><img src="https://ss.0133.cn/article/01/3d/34/013d34dd95055f91e8e2d382a9947281.jpg-600" alt="" width="100" height="75"/></a><span><a href="#">VB定时关机源码示例</a></span></li><li><a href="#"><img src="https://ss.0133.cn/article/4b/3f/f4/4b3ff414863c909d87d05ffc35f357ae.jpg-600" alt="" width="100" height="75"/></a><span><a href="#">一个好用的C++日志生成类</a></span></li><li><a href="#"><img src="https://ss.0133.cn/article/1d/e6/bd/1de6bd86bfd8ed57fbc560197839349c.jpg-600" alt="" width="100" height="75"/></a><span><a href="#">JS+CSS联合打造图文结合动感菜单</a></span></li></ul></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是CSS 图片横向排列实现代码的详细内容，更多请关注0133技术站其它相关文章！