作業(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;/標題1/
}
h4{
font-size:20px;
line-height:54px;
font-weight:bolder;/標題1/
}
p{/box1中的段落內(nèi)容/
text-indent:2em;/首行縮進/
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>掌握一門技術的重要性</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
