实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>样式学习</title>
<style>
body {
background: #fefefe;}
p {
font-size: 14px;
font-family: Arial;
}
li {
border:1px solid #fefefe;
padding: 0.5em 1em;
margin: 1em;
display: inline;
}
a {
color: black;
}
</style>
<link rel="stylesheet" href="css.css">
</head>
<body>
<p>菜单栏</p>
<ul>
<li><a href="" target="home" style="color: red">首页</a></li>
<li><a href="" target="qq">用户管理</a></li>
<li><a href="" target="sina">文章管理</a></li>
<li><a href="" target="163">菜单管理</a></li>
<li><a href="" target="ifeng">设置中心</a></li>
</ul>
<iframe src="http://www.baidu.com" frameborder="0" name="home"></iframe>
<iframe src="http://www.qq.com" frameborder="0" name="qq"></iframe>
<iframe src="http://www.sina.com" frameborder="0" name="sina"></iframe>
<iframe src="http://www.163.com" frameborder="0" name="163"></iframe>
<iframe src="http://www.ifeng.com" frameborder="0" name="ifeng"></iframe>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
盒子模型嘛，就是说一个占位元素，都可以用盒子来包起来。哈哈！说的没老师好，大概已经明白，希望上课不要抽我回答问题。这两天我还是能完成作业的，坚持就是胜利啊。
我还缺个CSS文件，在我本地，不 知道怎么型上来。