zoukankan      html  css  js  c++  java
  • 横向图文列表

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style type="text/css">
    body { margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5;}
    ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,form { padding:0; margin:0;}
    ul { list-style:none;}
    img { border:0px;}
    a { color:#05a; text-decoration:none;}
    a:hover { color:#f00;}
    #layout ul li { width:72px; float:left; margin:20px 0 0px 20px; display:inline; text-align:center;}
    #layout ul li a { display:block;}
    #layout ul li a img { padding:1px; border:1px solid #e1e1e1; margin-bottom:3px;}
    #layout ul li a:hover img { padding:0px; border:2px solid #f98510;}
    </style>
    </head></p>
    <p><body>
    <div id="layout">
    <ul>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    <li><a href="#"><img src="images/2010-08/17/pic.jpg" width="68" height="54" />三亚</a></li>
    </ul>
    </div>
    </body>
    </html>
    文章出处:标准之路(http://www.aa25.cn)
  • 相关阅读:
    图论算法(三) 最短路SPFA算法
    图论算法(二)最短路算法:Floyd算法!
    图论算法(一)存图与STL第六弹——vector容器
    C++指针变量的基本写法
    杂记——深度优先搜索(dfs)与出题感想
    分治算法(二分查找)、STL函数库的应用第五弹——二分函数
    网站开发小技巧总结
    网站开发动态效果插件
    jquery获得ul下li的个数
    jquery的循环函数和点击事件绑定
  • 原文地址:https://www.cnblogs.com/sisiblog/p/3408140.html
Copyright © 2011-2022 走看看