html 显示层次结构

最新推荐文章于 2026-06-29 09:11:18 发布

原创最新推荐文章于 2026-06-29 09:11:18 发布 · 3.6k 阅读

本内容遵循CC 4.0 BY-SA版权协议

html 显示层次结构

<html> <head> <title>{数据库名称}-帮助文档</title>  <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">body { font-size:14px; } ul { padding-left:0px; margin-left:3.2em; } li { list-style:decimal; } /* 色调 */ .datetime { color:#F0F; } .note, .note a { color:Green; } .type { color:#C60; } #table_list .table_name .value { font-weight:bold; color:#30F; font-size:1.1em; } #table_list .table_name:hover { background-color:Gray; } .data h3 { font-size:1em; font-weight:bold; color:Maroon; } #table_list .table_name { cursor:pointer; } .data h3 { cursor:pointer; } .data_table { border-collapse:collapse; } .data_table td { border:solid 1px Gray; } .data_table thead { font-weight:bold; } /* 数据库名称 */ .db_name { line-height:1em; } .datetime { font-size:12px; } /* 列表 */ #table_list li li span { display:inline-block; width:10em; } #table_list .table_name .value { width:15.3em; } .data h3 { margin:0px; } .data { margin-left:2em; margin-bottom:10px; }</style> <mce:script type="text/javascript"></mce:script> </head> <body onLoad="onload()"> <h1 class="db_name">myecshop</h1> <span class="datetime">2009-9-15 1:57:09</span> <div id="buttons"> <a href="#" mce_href="#" onClick="document.body.style.fontSize = '14px';">14号字体</a> <a href="#" mce_href="#" onClick="document.body.style.fontSize = '16px';">16号字体</a> <a href="#" mce_href="#" onClick="document.body.style.fontSize = '18px';">18号字体</a> <a href="#" mce_href="#" onClick="document.body.style.fontSize = '20px';">20号字体</a> <a href="#" mce_href="#" onClick="document.body.style.fontSize = '22px';">22号字体</a> <a href="#" mce_href="#" onClick="document.body.style.fontSize = '24px';">24号字体</a> <a href="#" mce_href="#" onClick="document.body.style.fontSize = '26px';">26号字体</a> </div>  <ul id="table_list"> <li id="ecs_account_log"> <div class="table_name"> <span class="value" title="表名称">ecs_user</span> <span class="note" title="表注释">用户信息</span> </div> <div class="detail">  <ul class="field_list"> <li> <span class="value" title="字段注释">user_pk</span> <span class="type">varchar(50)</span> <span class="note" title="字段名称">guid</span> </li> <li> <span class="value" title="字段注释">user_name</span> <span class="type">varchar(50)</span> <span class="note" title="字段名称">用户登录后保存在session中的id号，跟users表中的user_id对应</span> </li> </ul> </div> </li> </ul> </body> </html>

标签

#html #table #list #class #function