3. 制作一个简易的后台首页
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单后台页面</title>
<style>
ul{
list-style: none;
}
ul li a{
text-decoration: none;
}
#ul1{
float: left;
}
#click{
margin-top: 20px;
float: left;
}
</style>
</head>
<body>
<h2>后台管理</h2>
<div id="ul1">
<ul style="float: left;">
<li><a href="demo6.html"target="click">用户管理</a></li>
<li><a href="demo5.html"target="click">商品管理</a></li>
<li><a href="http://demo.cssmoban.com/cssthemes5/twts_217_monster-lite/index.html"target="click">表格分析</a></li>
</ul>
</div>
<div id="click">
<iframe srcdoc="<h3>后台管理系统</h3>" width="1000" height="400" name="click" frameborder="1"></iframe>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例