作业1：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>图形</title>
<style>
.box{
width:0px;
height:0px;
border:100px solid red;
border-bottom-color: #fff;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
作业2：
<!DOCTYPE html >
<html >
<head>
<meta charset="UTF-8" >
<title>作业2</title>
<style>
{
margin:0;
padding: 0;
}
#box{
width:555px;
height:341px;
border:solid 1px rgb(0,0,0);
padding-left:20px;
color:rgb(0,0,0);
font:14px/26px "微软雅黑";/第一个box显示整体边框/
}
#box1{
width:512px;
height:178px;
border-bottom:1px dashed rgb(0,0,0);/显示box中上半部分/
}
h3{
font-size:24px;
line-height:44px;
font-weight:bolder;/标题1/
}
h4{
font-size:20px;
line-height:54px;
font-weight:bolder;/标题1/
}
p{/box1中的段落内容/
text-indent:2em;/首行缩进/
color:rgb(155,155,155);//
}
#box2{
margin-top:19px;
}
li{/顺序表显示下面box内容*/
list-style:none;
font-size:18px;
line-height:38px;
font-weight:bolder;
background:url(fuhao.gif) no-repeat left center;
padding-left:17px;
}
a{
text-decoration:none;
color:#404646;
}
</style>
</head>
<body>
<div id="box">
<div id="box1">
<h3>动态新闻</h3>
<h4>掌握一门技术的重要性</h4>
<p>掌握一门技术的重要性掌握一门技术的重要性掌握一门技术的重要性掌握一门技术的重要性</p>
</div>
<div id="box2">
<ul>
<li><a href="###">走进名企观摩学习与民企面对面</a></li>
<li><a href="###">走进名企观摩学习与民企面对面</a></li>
<li><a href="###">走进名企观摩学习与民企面对面</a></li>
<li><a href="###">走进名企观摩学习与民企面对面</a></li>
</ul>
</div>
</div>
</body>
</html>
文件下载链接：http://pan.baidu.com/s/1qYGXVdi 密码：98zg
