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

2019-11-21 00:42:34

字體：大中小

供稿：網(wǎng)友

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

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

上一篇：CSS 網(wǎng)頁頂部固定工具欄拖動(dòng)無閃爍實(shí)現(xiàn)代碼

下一篇：select下拉選擇框美化實(shí)現(xiàn)代碼(js+css+圖片)