1. 首页首页
  2. 编程日记编程日记

2026年网页设计与制作代码模板（网页设计制作与代码整体素材）

编程日记 • • 阅读 8

网页设计与制作代码模板（网页设计制作与代码整体素材）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 head html

<!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>

今天的文章 2026年网页设计与制作代码模板（网页设计制作与代码整体素材）分享到此就结束了，感谢您的阅读。
编程小号
上一篇 2026-02-17 13:33
下一篇 2026-02-17 13:51

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/bian-cheng-ri-ji/45160.html