CSS盒模型远视图

原创 2018-11-01 14:13:38 305
摘要:<!DOCTYPE html><html><head> <title>CSS盒模型远视图</title> <style type="text/css"> .see{padding: 10px;border: 10px solid black;}.seven{width: 10px;height: 10px
<!DOCTYPE html>
<html>
<head>
<title>CSS盒模型远视图</title>
<style type="text/css">
.see{
padding: 10px;
border: 10px solid black;
}
.seven{
width: 10px;
height: 10px;
border: 10px solid black
}
.six {
width: 30px;
height: 30px;
}
.five {
width: 70px;
height: 70px;
}
.four {
width: 110px;
height: 110px;
}
.three {
width: 150px;
height: 150px;
}
.two {
width: 190px;
height: 190px;
}
.one {
width: 230px;
height: 230px;
}

</style>
</head>
<body>
<div id="app">

<div class="see one">
<div class="see two">
<div class="see three">
<div class="see four">
<div class="see five">
<div class="see six">
<div class="seven"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>


批改老师:韦小宝批改时间:2018-11-02 10:57:36
老师总结:作业内容还可以加点自己的总结进去哦!作业写的很不错哈!下次记得把自己的总结加进去哦!加点总结将作业当成我们的笔记来完成!以后还可以翻出来看看!进行复习!学习的道路还很长!我们要为以后的发展奠定基础!加

发布手记

热门词条