<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CSS3企业人员管理架构图特效 - 更多源码WW.96flw.COM</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<h1 class="level-1 rectangle">CEO</h1>
<ol class="level-2-wrapper">
<li>
<h2 class="level-2 rectangle">Director A</h2>
<ol class="level-3-wrapper">
<li>
<h3 class="level-3 rectangle">Manager A</h3>
<ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person C</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person D</h4>
</li>
</ol>
</li>
<li>
<h3 class="level-3 rectangle">Manager B</h3>
<ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person C</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person D</h4>
</li>
</ol>
</li>
</ol>
</li>
<li>
<h2 class="level-2 rectangle">Director B</h2>
<ol class="level-3-wrapper">
<li>
<h3 class="level-3 rectangle">Manager C</h3>
<ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person C</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person D</h4>
</li>
</ol>
</li>
<li>
<h3 class="level-3 rectangle">Manager D</h3>
<ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person C</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person D</h4>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。</p>
<p>更多源码:<a href="http://WW.96flw.COM/" target="_blank">尽在WW.96flw.COM</a></p>
</div>
</body>
</html>