答案：运行代码框<!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"><!--* {margin: 0; padding:0}body {margin-top: 10px;margin-right: auto;margin-bottom: 10px;margin-left: auto;text-align: center;height: auto;width: auto;background-color: #666666;font-size: 12px;color: #000000;}#container {text-align: left;width: 760px;height: 400px;background-color: #FFFFFF;padding: 20px;}#container #title {height: 31px;background-color: #3A81C8;}#container #title li {float: left;list-style-type: none;height: 28px;line-height: 28px;text-align: center;margin-right: 1px;}#container #title ul {background-color: #FFFFFF;height: 28px;}#container #title a {text-decoration: none;color: #000000;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -29px;}#container #title a span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-repeat: no-repeat;background-position: right -29px;padding-right: 15px;padding-left: 15px;}#container #title a:hover {text-decoration: none;color: #000000;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -87px;}#container #title a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -87px;padding-right: 15px;padding-left: 15px;}#container #title #download a:hover {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left 0px;}#container #title #download a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right 0px;padding-right: 15px;padding-left: 15px;}#container #title #product a:hover {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -58px;}#container #title #product a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -58px;padding-right: 15px;padding-left: 15px;}#container #title #login a:hover {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -145px;}#container #title #login a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -145px;padding-right: 15px;padding-left: 15px;}#container #title #contactus a:hover {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -174px;}#container #title #contactus a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -174px;padding-right: 15px;padding-left: 15px;}#container #title #homepage .selectli {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -87px;}#container #title #homepage a .selectspan {display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -87px;padding-right: 15px;padding-left: 15px;}#container #content {border: 1px solid #3A81C8;height: 200px;padding: 10px;}#container #content ul {margin: 10px;}#container #content li {margin: 5px;}--></style></head><body><div id="container"> <div id="title"> <ul> <li id="homepage"><a href=><BR><INPUT onclick=runCode() type=button value=运行代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</SPAN></P></pre><p>上一个：<a href="/show/8112fd3290871601.htm">关于上中下三栏自适应100％高度。</a><br/>下一个：<a href="/show/949c12d2df1963c6.htm">Div+CSS+JS树型菜单，可刷新</a></p><div class="piclist">更多图片编程知识:<ul><li><a href="/show/43ec54381415683c.htm"><img src='/upload/2013111519/20111027082417942.gif' width=105 height=105><br/>卢松松：用Yahoo Pipes聚合多个博客</a></li><li><a href="/show/f358048486b34fbb.htm"><img src='/upload/2013111519/20130708074144282.jpg' width=105 height=105><br/>如何设计好B2B行业网站导航栏提高易用性</a></li><li><a href="/show/7372912423002479.htm"><img src='/upload/2006-3/2006313142914965.gif' width=105 height=105><br/>个人网站制作全接触(下)(2)</a></li><li><a href="/show/f44c617ca508c6b8.htm"><img src='/upload/2007/12/27/2007122702653260.png' width=105 height=105><br/>Web2.0视觉风格进化论</a></li><li><a href="/show/7462eeeb8ca3c70e.htm"><img src='/upload/2006-3/2006313142837521.jpg' width=105 height=105><br/>家园更美丽：网页制作秘籍</a></li><li><a href="/show/8658e8933cc06cc5.htm"><img src='/upload/20121014/20_115923_113h33mzq1fpf.gif' width=105 height=105><br/>韩国商业网站设计分析</a></li></ul></div></div> <div class="zykmore"><script type="text/javascript" src="/js/s4.js"></script></div><div class="more"><dl><dt>更多<a href="/list/20_1.htm">html/css</a>疑问解答：</dt><dd><a target="_blank" href="/show/f0abaa265941e3c4.htm">div+css中关于ie浏览器中非啊元素的：hover的实现问题，哪位大神指点下啊</a></dd><dd><a target="_blank" href="/show/1d490bcbf845df42.htm">css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px</a></dd><dd><a target="_blank" href="/show/30fc49ffb65095fd.htm">css 属性选择器 ie6 不支持吗？</a></dd><dd><a target="_blank" href="/show/444e0d933ece33d2.htm">用css、jquery做的选项卡效果，有一个小疑问，请高手指点，代码如下：</a></dd><dd><a target="_blank" href="/show/5ec69e3e254c31bd.htm">介绍本学习css的书</a></dd><dd><a target="_blank" href="/show/274696a075ea0ad6.htm">wordpress多个CSS样式怎么调用？</a></dd><dd><a target="_blank" href="/show/ab96793bdf130c30.htm">这个div 的css是如何编写的</a></dd><dd><a target="_blank" href="/show/997828f54b6aaf75.htm">div+css中，div的右边框小于div的高度且居中，除了用背景图片，如何实现？</a></dd><dd><a target="_blank" href="/show/3fe6f53e6871f210.htm">表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写</a></dd><dd><a target="_blank" href="/show/a50fb65de28b11cf.htm">CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。</a></dd><dd><a target="_blank" href="/show/b7069a9e10783e31.htm">dw中html文档为什么无法链接css文档</a></dd><dd><a target="_blank" href="/show/a754f4de9f8673a9.htm">设计一个小例子说明DIV+CSS的优势（例子要解释并注释）。</a></dd><dd><a target="_blank" href="/show/c4dc365c19005b78.htm">我会html css目前正在学js，打算在大三的寒假找个实习，请问应该找哪方面的实习？</a></dd><dd><a target="_blank" href="/show/2254e9fc1e4ecb65.htm">css问题，跪求大大帮忙</a></dd><dd><a target="_blank" href="/show/c0e820d5407b3236.htm">请教网页设计高手，如下图的这种css代码怎么写？</a></dd></dl></div> </div> <div id="zykleft"> <div class="leftm"> <div id="logo"><a href="http://www.zzzyk.com/">站长资源库</a> <div class="clear"></div><script type="text/javascript" src="/js/i7f.js"></script></div> <script type="text/javascript" src="/js/sharen.js"></script><div class="clear"></div> <dl class="list"><dd><a href="/list/1_1.htm">asp</a></dd><dd><a href="/list/2_1.htm">php</a></dd><dd><a href="/list/3_1.htm">Delphi</a></dd><dd><a href="/list/4_1.htm">Matlab</a></dd><dd><a href="/list/5_1.htm">JSP</a></dd><dd><a href="/list/6_1.htm">Foxpro</a></dd><dd><a href="/list/7_1.htm">JS</a></dd><dd><a href="/list/8_1.htm">C/C++</a></dd><dd><a href="/list/9_1.htm">C#/ASP.NET</a></dd><dd><a href="/list/10_1.htm">VC++</a></dd><dd><a href="/list/11_1.htm">JAVA</a></dd><dd><a href="/list/12_1.htm">VB</a></dd><dd><a href="/list/13_1.htm">汇编语言</a></dd><dd><a href="/list/20_1.htm">html/css</a></dd><dd><a href="/list/21_1.htm">CGI</a></dd><dd><a href="/list/23_1.htm">XML/UML</a></dd><dd><a href="/list/24_1.htm">wap</a></dd><dd><a href="/list/27_1.htm">网站相关</a></dd><dd><a href="/list/60_1.htm">网页素材</a></dd><dd><a href="/list/70_1.htm">python</a></dd></dl><dl class="notice">如果你遇到<a href="/default.htm">编程学习</a>难题：<br/>请访问www.zzzyk.com 试试</dl> </div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s5.js"></script></dt></dl></div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s6.js"></script></dt></dl></div> </div></div> <div class="clear"></div> <div class="bdshare"> <script type="text/javascript" src="/js/share.js"></script> </div> <div class="clear"></div> <div class="foot">CopyRight © 2012 站长网 编程知识问答 <a href="http://www.zzzyk.com">www.zzzyk.com</a> All Rights Reserved<br/>部份技术文章来自网络，<script type="text/javascript" src="/images/my.js"></script> </div> </body> </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>无标题文档</title><style type="text/css"><!--* {margin: 0; padding:0}body {margin-top: 10px;margin-right: auto;margin-bottom: 10px;margin-left: auto;text-align: center;height: auto;width: auto;background-color: #666666;font-size: 12px;color: #000000;}#container {text-align: left;width: 760px;height: 400px;background-color: #FFFFFF;padding: 20px;}#container #title {height: 31px;background-color: #3A81C8;}#container #title li {float: left;list-style-type: none;height: 28px;line-height: 28px;text-align: center;margin-right: 1px;}#container #title ul {background-color: #FFFFFF;height: 28px;}#container #title a {text-decoration: none;color: #000000;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -29px;}#container #title a span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-repeat: no-repeat;background-position: right -29px;padding-right: 15px;padding-left: 15px;}#container #title a:hover {text-decoration: none;color: #000000;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -87px;}#container #title a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -87px;padding-right: 15px;padding-left: 15px;}#container #title #download a:hover {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left 0px;}#container #title #download a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right 0px;padding-right: 15px;padding-left: 15px;}#container #title #product a:hover {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -58px;}#container #title #product a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -58px;padding-right: 15px;padding-left: 15px;}#container #title #login a:hover {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -145px;}#container #title #login a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -145px;padding-right: 15px;padding-left: 15px;}#container #title #contactus a:hover {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -174px;}#container #title #contactus a:hover span{display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -174px;padding-right: 15px;padding-left: 15px;}#container #title #homepage .selectli {text-decoration: none;color: #ffffff;display: block;width: auto;background-image: url(/upload/2007/12/27/2007122702719748.gif);background-repeat: no-repeat;background-position: left -87px;}#container #title #homepage a .selectspan {display: block;background-image: url(/upload/2007/12/27/2007122702719992.gif);background-position: right -87px;padding-right: 15px;padding-left: 15px;}#container #content {border: 1px solid #3A81C8;height: 200px;padding: 10px;}#container #content ul {margin: 10px;}#container #content li {margin: 5px;}--></style></head><body><div id="container"> <div id="title"> <ul> <li id="homepage"><a href=><BR><INPUT onclick=runCode() type=button value=运行代码> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</SPAN></P></pre><p>上一个：<a href="/show/8112fd3290871601.htm">关于上中下三栏自适应100％高度。</a><br/>下一个：<a href="/show/949c12d2df1963c6.htm">Div+CSS+JS树型菜单，可刷新</a></p><div class="piclist">更多图片编程知识:<ul><li><a href="/show/43ec54381415683c.htm"><img src='/upload/2013111519/20111027082417942.gif' width=105 height=105><br/>卢松松：用Yahoo Pipes聚合多个博客</a></li><li><a href="/show/f358048486b34fbb.htm"><img src='/upload/2013111519/20130708074144282.jpg' width=105 height=105><br/>如何设计好B2B行业网站导航栏提高易用性</a></li><li><a href="/show/7372912423002479.htm"><img src='/upload/2006-3/2006313142914965.gif' width=105 height=105><br/>个人网站制作全接触(下)(2)</a></li><li><a href="/show/f44c617ca508c6b8.htm"><img src='/upload/2007/12/27/2007122702653260.png' width=105 height=105><br/>Web2.0视觉风格进化论</a></li><li><a href="/show/7462eeeb8ca3c70e.htm"><img src='/upload/2006-3/2006313142837521.jpg' width=105 height=105><br/>家园更美丽：网页制作秘籍</a></li><li><a href="/show/8658e8933cc06cc5.htm"><img src='/upload/20121014/20_115923_113h33mzq1fpf.gif' width=105 height=105><br/>韩国商业网站设计分析</a></li></ul></div></div> <div class="zykmore"><script type="text/javascript" src="/js/s4.js"></script></div><div class="more"><dl><dt>更多<a href="/list/20_1.htm">html/css</a>疑问解答：</dt><dd><a target="_blank" href="/show/f0abaa265941e3c4.htm">div+css中关于ie浏览器中非啊元素的：hover的实现问题，哪位大神指点下啊</a></dd><dd><a target="_blank" href="/show/1d490bcbf845df42.htm">css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px</a></dd><dd><a target="_blank" href="/show/30fc49ffb65095fd.htm">css 属性选择器 ie6 不支持吗？</a></dd><dd><a target="_blank" href="/show/444e0d933ece33d2.htm">用css、jquery做的选项卡效果，有一个小疑问，请高手指点，代码如下：</a></dd><dd><a target="_blank" href="/show/5ec69e3e254c31bd.htm">介绍本学习css的书</a></dd><dd><a target="_blank" href="/show/274696a075ea0ad6.htm">wordpress多个CSS样式怎么调用？</a></dd><dd><a target="_blank" href="/show/ab96793bdf130c30.htm">这个div 的css是如何编写的</a></dd><dd><a target="_blank" href="/show/997828f54b6aaf75.htm">div+css中，div的右边框小于div的高度且居中，除了用背景图片，如何实现？</a></dd><dd><a target="_blank" href="/show/3fe6f53e6871f210.htm">表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写</a></dd><dd><a target="_blank" href="/show/a50fb65de28b11cf.htm">CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。</a></dd><dd><a target="_blank" href="/show/b7069a9e10783e31.htm">dw中html文档为什么无法链接css文档</a></dd><dd><a target="_blank" href="/show/a754f4de9f8673a9.htm">设计一个小例子说明DIV+CSS的优势（例子要解释并注释）。</a></dd><dd><a target="_blank" href="/show/c4dc365c19005b78.htm">我会html css目前正在学js，打算在大三的寒假找个实习，请问应该找哪方面的实习？</a></dd><dd><a target="_blank" href="/show/2254e9fc1e4ecb65.htm">css问题，跪求大大帮忙</a></dd><dd><a target="_blank" href="/show/c0e820d5407b3236.htm">请教网页设计高手，如下图的这种css代码怎么写？</a></dd></dl></div> </div> <div id="zykleft"> <div class="leftm"> <div id="logo"><a href="http://www.zzzyk.com/">站长资源库</a> <div class="clear"></div><script type="text/javascript" src="/js/i7f.js"></script></div> <script type="text/javascript" src="/js/sharen.js"></script><div class="clear"></div> <dl class="list"><dd><a href="/list/1_1.htm">asp</a></dd><dd><a href="/list/2_1.htm">php</a></dd><dd><a href="/list/3_1.htm">Delphi</a></dd><dd><a href="/list/4_1.htm">Matlab</a></dd><dd><a href="/list/5_1.htm">JSP</a></dd><dd><a href="/list/6_1.htm">Foxpro</a></dd><dd><a href="/list/7_1.htm">JS</a></dd><dd><a href="/list/8_1.htm">C/C++</a></dd><dd><a href="/list/9_1.htm">C#/ASP.NET</a></dd><dd><a href="/list/10_1.htm">VC++</a></dd><dd><a href="/list/11_1.htm">JAVA</a></dd><dd><a href="/list/12_1.htm">VB</a></dd><dd><a href="/list/13_1.htm">汇编语言</a></dd><dd><a href="/list/20_1.htm">html/css</a></dd><dd><a href="/list/21_1.htm">CGI</a></dd><dd><a href="/list/23_1.htm">XML/UML</a></dd><dd><a href="/list/24_1.htm">wap</a></dd><dd><a href="/list/27_1.htm">网站相关</a></dd><dd><a href="/list/60_1.htm">网页素材</a></dd><dd><a href="/list/70_1.htm">python</a></dd></dl><dl class="notice">如果你遇到<a href="/default.htm">编程学习</a>难题：<br/>请访问www.zzzyk.com 试试</dl> </div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s5.js"></script></dt></dl></div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s6.js"></script></dt></dl></div> </div></div> <div class="clear"></div> <div class="bdshare"> <script type="text/javascript" src="/js/share.js"></script> </div> <div class="clear"></div> <div class="foot">CopyRight © 2012 站长网 编程知识问答 <a href="http://www.zzzyk.com">www.zzzyk.com</a> All Rights Reserved<br/>部份技术文章来自网络，<script type="text/javascript" src="/images/my.js"></script> </div> </body> </html>