<!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" />
<title>New Document</title>
<style>
*{margin:0;padding:0;}
body
{margin-top:80px;font-size:12px;font-family:"微软雅黑",arial,sans-serif;color:#9C9C91;background:#fff;}
a
{color:#333;text-decoration: none;}
a:hover
{color:#f00;}
.wrap
{width:720px;margin:0 auto;}
ul.works
{list-style:none;margin:0;padding:0;}
ul.works li
{float:left;display: inline;margin:0 20px 20px 0;width:158px;height:150px;}
ul.works li a
{text-decoration: none;display:block;width:158px;height:150px;background:#fff;}
ul.works li a img
{width:150px;height:140px;border:0;}
ul.works li a dl {list-style:none;}
ul.works li a dl dt
{position:relative;background:#EFEFEF;margin-bottom:5px;}
ul.works li a dl dt span
{position:relative;top:-5px;left:-5px;display:block;border:1px solid #BCBEC0;background:#FFF;padding:3px;text-align:center;}
ul.works li a dl dd
{color:#9C9C91;height:20px;line-height:20px;border-bottom:1px solid #DEDEDD;overflow:hidden;}
ul.works li a:hover {position:absolute;display:block;z-index:5;width:240px;height:307px;margin:-50px 0 0 -50px;padding:4px;background:#CFE798;cursor:pointer;}
ul.works li a:hover dl
{border:1px solid #9FCF30;background:#fff;padding:15px 10px 15px 15px;}
ul.works li a:hover dl dd
{display:block;}
ul.works li a:hover dl dt img
{width:200px;height:177px;border:0;}
</style>
</head>
<body>
<div class="wrap">
<ul class="works">
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
<li>
<a href=https://download.csdn.net/download/_/"#">
<dl>
<dt><span><img src=https://download.csdn.net/download/_/"works.jpg" /></span></dt>
<dd>服务客户: 深山老熊</dd>
<dd>项目类别: 企业VI设计</dd>
<dd>所在行业: 金融行业</dd>
<dd>创作时间: 2008.04</dd>
</dl>
</a>
</li>
</ul>
</div>
</body>
</html>
到此这篇网页设计与制作代码模板（网页设计制作与代码整体素材）的文章就 介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章，希望大家都能在 编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/hd-api/29247.html