快捷導(dǎo)航

CSS 圖片橫向排列實(shí)現(xiàn)代碼

更新時間：2010年03月03日 23:22:26 作者：

一個CSS布局實(shí)例，介紹的是一個橫向排列的圖片列表，這也是大家在從事網(wǎng)頁布局時候最常見的一種布局實(shí)例，有必要掌握，本代碼已經(jīng)過了優(yōu)化，個別細(xì)節(jié)你需根據(jù)你的網(wǎng)站主CSS風(fēng)格進(jìn)行調(diào)整，才能完美搭配。

<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="/upload/2010-3/20100303232223253.jpg" alt="" width="100" height="75"/></a> <span><a href="#">VB定時關(guān)機(jī)源碼示例</a></span> </li> <li><a href="#"><img src="/upload/2010-3/20100303232225693.jpg" alt="" width="100" height="75"/></a><span><a href="#">一個好用的C++日志生成類</a></span> </li> <li><a href="#"><img src="/upload/2010-3/20100303232225439.jpg" alt="" width="100" height="75"/></a> <span><a href="#">JS+CSS聯(lián)合打造圖文結(jié)合動感菜單</a></span> </li> </ul> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]