47G}D{BA4SCPSS)YGZUCYR5.png
1
<!doctyle html>
<html>
<head>
<meta charset="UTF_8"/>
<title>标题</title>
<style>
#b1{width:0;
height:0;
background:yellow;
border:100px solid #ff0000;
border-bottom:100px solid #ffffff;
}
</style>
</head>
<body>
<div id="b1"></div>
</body>
</html>
2
<!doctyle html>
<html>
<head>
<meta charset="UTF_8"/>
<title>一晚上的杰作！！</title>
<style>
#b1{width:555px;
height:341px;
background:#ffffff;
border:1px solid #000000;
margin:1px 2px;
margin-right:none;
padding-right:22px;
padding-left:22px;
}
#b2{
width:511px;
border:22px solid #ffffff;
border-bottom:1px dashed #000000;
border-top:0px;
background:#ffffff;
padding-bottom:28px;
}
#c2{
font:bold 24px/10px "宋体";
color:#404646;}
#c3{
font:bold 20px/17px "宋体";
color:#404646;}
#c4{
font:14px/6px "宋体";text-indent:32px;color:#9b9b9b}
#c5{
font:14px/6px "宋体";color:#9b9b9b;}
dl
{list-style:none;border-top:29px;border:22px solid #ffffff;border-bottom:0;}
#d1{
fond-size:18px;
font-family:"宋体";}
#d2{
fond-size:18px;
font-family:"宋体";}
#d3{
fond-size:18px;
font-family:"宋体";}
#d4{
fond-size:18px;
font-family:"宋体";}
.d{
height:19px;}
#d5{
height:4px;}
</style>
</head>
<body>
<div id="b1">
<div id="b2">
<p id="c2">动态新闻</p>
<p id="c3">掌握一门艺术的重要性</p>
<p id="c4">掌握一门艺术是未来生存的一块敲门砖，掌握一门艺术是未来生</p>
<p id="c5">存的一块敲门砖，掌握一门艺术是未来生存的一块敲门砖，</p></div>
<dl>
<dt id="d1">走进民企观摩学习与民企面对面</dt>
<dd class="d"></dd>
<dt id="d2">走进民企观摩学习与民企面对面</dt>
<dd class="d"></dd>
<dt id="d3">走进民企观摩学习与民企面对面</dt>
<dd class="d"></dd>
<dt id="d4">走进民企观摩学习与民企面对面</dt>
<dd id="d5"></dd></dl>
</body>
</html>
![1EZINXCI3A]RT5`5@1$%C_6.png](http://upload-images.jianshu.io/upload_images/4346017-9d5c4312289fcfe9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
百度云盘：http://pan.baidu.com/s/1geLJFc3
http://pan.baidu.com/s/1kVHiahD
