答案：运行代码框<!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/de65138005096879.htm"><img src='/upload/2007/9/12/20079123139831.gif' width=105 height=105><br/>Dreamweaver中精细化你的表格外观(HTML)</a></li><li><a href="/show/98f6c400df922115.htm"><img src='/upload/20139/14/20130914065208516.gif' width=105 height=105><br/>HTML彻底剖析（6）清单标记</a></li><li><a href="/show/aed691f5b8ea1189.htm"><img src='/upload/2013111519/20130314111550212.jpg' width=105 height=105><br/>网站速度优化新招数：使用data类型图片</a></li><li><a href="/show/118291256cc4c1d3.htm"><img src='/upload/2013111519/20120220092018146.jpg' width=105 height=105><br/>一个页面重构工程师眼中的“用户体验”</a></li><li><a href="/show/d7cd1cb348d63ae5.htm"><img src='/upload/2013111520/20130320101430784.jpg' width=105 height=105><br/>绝对不可错过的超实用HTML5代码片段</a></li><li><a href="/show/48944124658892b8.htm"><img src='/upload/20131207/xhtml_1_1.gif' width=105 height=105><br/>XHTML 从一个例子开始</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><dd><a href="/list/71_1.htm">微信小程序</a></dd><dd><a href="/list/72_1.htm">thinkphp</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 © 2022 站长资源库 编程知识问答 zzzyk.com 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/de65138005096879.htm"><img src='/upload/2007/9/12/20079123139831.gif' width=105 height=105><br/>Dreamweaver中精细化你的表格外观(HTML)</a></li><li><a href="/show/98f6c400df922115.htm"><img src='/upload/20139/14/20130914065208516.gif' width=105 height=105><br/>HTML彻底剖析（6）清单标记</a></li><li><a href="/show/aed691f5b8ea1189.htm"><img src='/upload/2013111519/20130314111550212.jpg' width=105 height=105><br/>网站速度优化新招数：使用data类型图片</a></li><li><a href="/show/118291256cc4c1d3.htm"><img src='/upload/2013111519/20120220092018146.jpg' width=105 height=105><br/>一个页面重构工程师眼中的“用户体验”</a></li><li><a href="/show/d7cd1cb348d63ae5.htm"><img src='/upload/2013111520/20130320101430784.jpg' width=105 height=105><br/>绝对不可错过的超实用HTML5代码片段</a></li><li><a href="/show/48944124658892b8.htm"><img src='/upload/20131207/xhtml_1_1.gif' width=105 height=105><br/>XHTML 从一个例子开始</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><dd><a href="/list/71_1.htm">微信小程序</a></dd><dd><a href="/list/72_1.htm">thinkphp</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 © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved<br/>部分文章来自网络，<script type="text/javascript" src="/images/my.js"></script> </div> </body> </html>