20多个不错的系统页面模板（Div+CSS+图片）资源-CSDN文库

共1527个文件

gif：1078个

jpg：114个

png：95个

5星 · 超过95%的资源需积分: 13 5 浏览量 2010-02-01 16:02:42 上传评论 2 收藏 5.19MB RAR 举报

在IT行业中，网页设计是至关重要的一步，尤其在构建系统平台时。系统页面模板作为设计的基础，能够大大提升开发效率并保证界面的统一性与美观性。标题提及的"20多个不错的系统页面模板（Div+CSS+图片）"正是这样一套资源集合，它包含了用于构建高效、响应式和视觉吸引人的网页所需的各种元素。 Div+CSS是一种常见的网页布局技术，Div（Division）是HTML中的一个标签，用于分隔和组织网页内容，而CSS（Cascading Style Sheets）则是用来控制网页样式和布局的语言。通过合理使用Div和CSS，设计师可以实现更灵活的布局，提高网页的可读性和可维护性，同时实现跨浏览器兼容性。这套模板中包含的Div元素意味着它们具有清晰的结构，每个部分都被定义为独立的块，方便开发者进行定制和调整。CSS则负责这些Div的样式设置，包括颜色、字体、边距、对齐方式等，使得页面呈现出一致的设计风格。图片在网页设计中起到点缀和丰富内容的作用，这些模板中的图片可能是背景图、图标或者示例图像，有助于增强用户交互体验和视觉吸引力。对于创建一个新的系统而言，高质量的图片能够提升专业感，同时帮助用户更好地理解和导航系统功能。此外，标签"html"表明这些模板基于HTML语言构建，这是网页内容的基本框架，定义了网页的结构和内容。HTML与CSS和JavaScript一起，构成了现代网页开发的三大核心技术。在实际应用中，这些模板可以作为快速启动新项目的基础，开发者可以根据需求修改模板的布局、颜色、图片等元素，以适应特定系统的功能和品牌形象。模板的预设样式和布局可以节省大量设计时间，使开发者能更专注于后端逻辑和功能实现。文件名称列表"admin-templates"暗示这是一组适用于管理后台的模板，通常这些页面会包含登录、仪表盘、表单、数据列表、设置等功能模块。后台管理系统的设计要求简洁、高效，易于操作，而这套模板正好满足了这些要求。这套"20多个不错的系统页面模板（Div+CSS+图片）"资源集合是网页开发者和设计师的宝贵财富，它提供了快速构建专业、美观的后台系统的起点，有助于提升项目开发效率，降低设计成本，同时也确保了用户体验的质量。无论是新手还是经验丰富的专业人士，都可以从中受益。

资源推荐

资源详情

资源评论

收起资源包目录

20多个不错的系统页面模板（Div+CSS+图片）（1527个子文件）

ScriptResource.axd 254KB

ScriptResource(1).axd 64KB

WebResource(1).axd 21KB

WebResource.axd 21KB

WebResource.axd 20KB

ext-all.css 80KB

globle_v1.css 42KB

newhead.css 23KB

inbox.css 14KB

desktop.css 14KB

style.css 7KB

fox.css 7KB

css1.css 7KB

all.css 7KB

layout.css 6KB

Style.css 5KB

common.css 5KB

css1.css 5KB

skin.css 4KB

jNice.css 4KB

Admin.css 4KB

skin_blue.css 3KB

Manage.css 3KB

css.css 3KB

CssAdmin.css 3KB

public.css 3KB

BlueStyle.css 3KB

silverStyle.css 3KB

tab.css 3KB

classicStyle.css 3KB

style.css 2KB

admin.css 2KB

theme4.css 2KB

theme2.css 2KB

theme3.css 2KB

theme1.css 2KB

theme.css 2KB

Copy of theme.css 2KB

public.css 2KB

style_left.css 2KB

style.css 2KB

Style.css 2KB

index.css 1KB

css.css 1KB

reset.css 972B

switch.css 861B

left_css.css 804B

top_css.css 629B

right_css.css 597B

ie6.css 523B

transdmin.css 362B

ie-sucks.css 248B

ie7.css 139B

hack.css 0B

Thumbs.db 175KB

Thumbs.db 99KB

Thumbs.db 61KB

Thumbs.db 56KB

Thumbs.db 54KB

Thumbs.db 44KB

Thumbs.db 41KB

Thumbs.db 35KB

Thumbs.db 29KB

Thumbs.db 26KB

Thumbs.db 24KB

Thumbs.db 20KB

Thumbs.db 17KB

Thumbs.db 14KB

Thumbs.db 10KB

Thumbs.db 6KB

login_top.gif 110KB

login_btm.gif 68KB

desktop.gif 62KB

left_bg.gif 43KB

login_08.gif 32KB

dlg-bg.gif 27KB

login_08.gif 25KB

bg_login_panel.gif 25KB

f1.gif 24KB

login_04.gif 23KB

login_1.gif 23KB

theme.gif 22KB

login_05.gif 22KB

login_09.gif 22KB

ico.gif 21KB

共 1527 条

<!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>无标题文档</title> <style type="text/css">  </style> <script> var highlightcolor='#c1ebff'; //此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:( var clickcolor='#51b2f6'; function changeto(){ source=event.srcElement; if (source.tagName=="TR"||source.tagName=="TABLE") return; while(source.tagName!="TD") source=source.parentElement; source=source.parentElement; cs = source.children; //alert(cs.length); if (cs[1].style.backgroundColor!=highlightcolor&&source.id!="nc"&&cs[1].style.backgroundColor!=clickcolor) for(i=0;i<cs.length;i++){ cs[i].style.backgroundColor=highlightcolor; } } function changeback(){ if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="nc") return if (event.toElement!=source&&cs[1].style.backgroundColor!=clickcolor) //source.style.backgroundColor=originalcolor for(i=0;i<cs.length;i++){ cs[i].style.backgroundColor=""; } } function clickto(){ source=event.srcElement; if (source.tagName=="TR"||source.tagName=="TABLE") return; while(source.tagName!="TD") source=source.parentElement; source=source.parentElement; cs = source.children; //alert(cs.length); if (cs[1].style.backgroundColor!=clickcolor&&source.id!="nc") for(i=0;i<cs.length;i++){ cs[i].style.backgroundColor=clickcolor; } else for(i=0;i<cs.length;i++){ cs[i].style.backgroundColor=""; } } </script> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="30" background="images/tab_05.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="12" height="30"><img src="images/tab_03.gif" width="12" height="30" /></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="46%" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5%"><div align="center"><img src="images/tb.gif" width="16" height="16" /></div></td> <td width="95%" class="STYLE1"><span class="STYLE3">你当前的位置</span>：[业务中心]-[我的邮件]</td> </tr> </table></td> <td width="54%"><table border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td width="60"><table width="87%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="STYLE1"><div align="center"> <input type="checkbox" name="checkbox62" value="checkbox" /> </div></td> <td class="STYLE1"><div align="center">全选</div></td> </tr> </table></td> <td width="60"><table width="90%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="STYLE1"><div align="center"><img src="images/22.gif" width="14" height="14" /></div></td> <td class="STYLE1"><div align="center">新增</div></td> </tr> </table></td> <td width="60"><table width="90%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="STYLE1"><div align="center"><img src="images/33.gif" width="14" height="14" /></div></td> <td class="STYLE1"><div align="center">修改</div></td> </tr> </table></td> <td width="52"><table width="88%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="STYLE1"><div align="center"><img src="images/11.gif" width="14" height="14" /></div></td> <td class="STYLE1"><div align="center">删除</div></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td width="16"><img src="images/tab_07.gif" width="16" height="30" /></td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="8" background="images/tab_12.gif"> </td> <td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6" onmouseover="changeto()" onmouseout="changeback()"> <tr> <td width="3%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"> <input type="checkbox" name="checkbox" value="checkbox" /> </div></td> <td width="3%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">序号</span></div></td> <td width="12%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">接收号码</span></div></td> <td width="14%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">发送时间</span></div></td> <td width="18%" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">邮件地址</span></div></td> <td width="23%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">内容</span></div></td> <td width="15%" height="22" background="images/bg.gif" bgcolor="#FFFFFF" class="STYLE1"><div align="center">基本操作</div></td> </tr> <tr> <td height="20" bgcolor="#FFFFFF"><div align="center"> <input type="checkbox" name="checkbox2" value="checkbox" /> </div></td> <td height="20" bgcolor="#FFFFFF"><div align="center" class="STYLE1"> <div align="center">01</div> </div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">13813916585</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">2007-11-16 15:00:20 </span></div></td> <td bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">tiezhu0902@163.com</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">南京科技股份有限公司…</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE4"><img src="images/edt.gif" width="16" height="16" />编辑   <img src="images/del.gif" width="16" height="16" />删除</span></div></td> </tr> <tr> <td height="20" bgcolor="#FFFFFF"><div align="center"> <input type="checkbox" name="checkbox3" value="checkbox" /> </div></td> <td height="20" bgcolor="#FFFFFF"><div align="center" class="STYLE1"> <div align="center">02</div> </div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">13813916585</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">2007-11-16 15:00:20 </span></div></td> <td bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">tiezhu0902@163.com</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">南京科技股份有限公司…</span></div></td> <td height="20" bgcolor="#FFFFFF"><div ali

评论收藏

内容反馈