每天像是赶作业…
检查自己作业的时候发现padding已经给忘了,先发一篇,再滚回去复习… 其实已经学到span了,学着忘着?不不不。哈哈哈哈,其实应该用padding画的… 好的吧,一个效果,以后我再改。其实——说什么border、padding是内框,但是对于height、width来说,都是“多出来”的。
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>x飞surprise</title>
<style>
#top {
background: white;
width: 0px;
height: 0px;
border-bottom: solid 50px green;
border-top: solid 50px white;
border-left: solid 50px white;
border-right: solid 50px white;
margin-left:100px;
margin-top:0px;
}
#mid {
background: white;
width: 0px;
height: 0px;
border-bottom: solid 100px green;
border-top: solid 0px white;
border-left: solid 100px white;
border-right: solid 100px white;
margin-left:50px;
marigin-top:0px;
}
#bot {
background: white;
width: 0px;
height: 0px;
border-bottom: solid 150px green;
border-top: solid 0px white;
border-left: solid 150px white;
border-right: solid 150px white;
margin-top:0px;
}
#tree {
background: brown;
width: 50px;
height: 100px;
margin-left:125px
}
</style>
</head>
<body>
<!--解释:-->
<div id="top"></div>
<div id="mid"></div>
<div id="bot"></div>
<div id="tree"></div>
</body>
</html>