作業(yè)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>
作業(yè)2：
<!DOCTYPE html >
<html >
<head>
<meta charset="UTF-8" >
<title>作業(yè)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;/標(biāo)題1/
}
h4{
font-size:20px;
line-height:54px;
font-weight:bolder;/標(biāo)題1/
}
p{/box1中的段落內(nèi)容/
text-indent:2em;/首行縮進(jìn)/
color:rgb(155,155,155);//
}
#box2{
margin-top:19px;
}
li{/順序表顯示下面box內(nèi)容*/
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>動態(tài)新聞</h3>
<h4>掌握一門技術(shù)的重要性</h4>
<p>掌握一門技術(shù)的重要性掌握一門技術(shù)的重要性掌握一門技術(shù)的重要性掌握一門技術(shù)的重要性</p>
</div>
<div id="box2">
<ul>
<li><a href="###">走進(jìn)名企觀摩學(xué)習(xí)與民企面對面</a></li>
<li><a href="###">走進(jìn)名企觀摩學(xué)習(xí)與民企面對面</a></li>
<li><a href="###">走進(jìn)名企觀摩學(xué)習(xí)與民企面對面</a></li>
<li><a href="###">走進(jìn)名企觀摩學(xué)習(xí)與民企面對面</a></li>
</ul>
</div>
</div>
</body>
</html>
文件下載鏈接：http://pan.baidu.com/s/1qYGXVdi 密碼：98zg
