diff --git "a/\345\224\220\345\207\241\350\276\211lesso7/img/hhh.jpg" "b/\345\224\220\345\207\241\350\276\211lesso7/img/hhh.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..08321c3d87d680fa14986e482da86306f17fd7d4
Binary files /dev/null and "b/\345\224\220\345\207\241\350\276\211lesso7/img/hhh.jpg" differ
diff --git "a/\345\224\220\345\207\241\350\276\211lesso7/img/mht.jpg" "b/\345\224\220\345\207\241\350\276\211lesso7/img/mht.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..bf5fd748473cab0853907bf179e6e6dad308a862
Binary files /dev/null and "b/\345\224\220\345\207\241\350\276\211lesso7/img/mht.jpg" differ
diff --git "a/\345\224\220\345\207\241\350\276\211lesso7/untitled.html" "b/\345\224\220\345\207\241\350\276\211lesso7/untitled.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1757c678b15628dc28cfa3e0b7082e94ae5a7cab
--- /dev/null
+++ "b/\345\224\220\345\207\241\350\276\211lesso7/untitled.html"
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>无标题文档</title>
+<style>
+        #father{
+		   width:700px;
+		   margin:0 auto;
+		   }
+     #d001{
+		 width:700px;
+		 height:200px;
+		 background-color:#F00;
+		 margin-bottom:10px;
+		 }
+		 #d002{
+		 width:500px;
+		 height:200px;
+		 background-color:blue;
+		 float:left;
+		 margin-bottom:10px;
+		 }
+		 #d003{
+		 width:190px;
+		 height:200px;
+		 background-color:green;
+		 float:left;
+		 margin-bottom:10px;
+		 margin-left:10px;
+		 		 }#d004{
+		 width:700px;
+		 height:200px;
+		 background-color:pink;
+		 clear:both;
+		 }
+</style>
+</head>
+<body>
+<div id="father">
+<div id="d001">我不动</div>
+<div id="d002">我往左边浮动</div>
+<div id="d003">我往左边浮动</div>
+<div id="d004">第四个</div>
+</div>
+
+
+</body>
+</html>
diff --git "a/\345\224\220\345\207\241\350\276\211lesso7/\345\205\203\347\264\240\350\275\254\346\215\242.html" "b/\345\224\220\345\207\241\350\276\211lesso7/\345\205\203\347\264\240\350\275\254\346\215\242.html"
new file mode 100644
index 0000000000000000000000000000000000000000..fa6b5b13e67988bd3ad40d68d06f1711b3a52087
--- /dev/null
+++ "b/\345\224\220\345\207\241\350\276\211lesso7/\345\205\203\347\264\240\350\275\254\346\215\242.html"
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>无标题文档</title>
+<style>
+     img{
+		 width:300px;
+		 display:block;
+		 }
+	div{
+		display:inline-block;
+		}
+	div > img {
+		width:300px;
+		}	 
+
+
+
+</style>
+
+</head>
+
+<body>
+<img src="img/hhh.jpg"/>
+<img src="img/hhh.jpg"/>
+<img src="img/hhh.jpg"/>
+<div><img src="img/mht.jpg" /></div>
+<div><img src="img/mht.jpg" /></div>
+<div><img src="img/mht.jpg" /></div>
+
+
+
+</body>
+</html>
diff --git "a/\345\224\220\345\207\241\350\276\211lesso7/\346\273\241\345\261\213\350\212\261\346\241\206\346\236\266.html" "b/\345\224\220\345\207\241\350\276\211lesso7/\346\273\241\345\261\213\350\212\261\346\241\206\346\236\266.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6d379593f432a7dd86773519c78f88917aed3787
--- /dev/null
+++ "b/\345\224\220\345\207\241\350\276\211lesso7/\346\273\241\345\261\213\350\212\261\346\241\206\346\236\266.html"
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>无标题文档</title>
+
+<style>
+         *{
+			 text-align:center;
+			}
+          #father{
+		   width:700px;
+		   margin:0 auto;
+		   }
+      #d001{
+	  width:700px;
+	  height:100px;
+	  background-color:#F00;
+	  margin-bottom:10px;
+	  }
+	 #d002{
+	  width:100px;
+	  height:700px;
+	  background-color:blue;
+	  float:left;
+	  margin-right:10px;
+	  }
+	  #d003{
+	  width:590px;
+	  height:700px;
+	  background-color:#FFF;
+	  float:left;
+	  }
+	  #d004{
+		  width:590px;
+		  height:300px;
+		  background-color:green;
+		  float:left;
+		  }
+		  #d005{
+		  width:590px;
+		  height:390px;
+		  background-color:yellow;
+		  margin-bottom:10px;
+		  float:left;
+		  }
+</style>
+</head>
+<body>
+<div id="father">
+    <div id="d001">满屋花</div>
+    <div id="d002">满屋花</div>
+    <div id="d003">
+    <div id="d005">满屋花</div>
+    <div id="d004">满屋花</div>
+    </div>
+</div>	
+</body>
+</html>
diff --git "a/\345\224\220\345\207\241\350\276\211lesso7/\347\233\222\345\255\220\346\250\241\345\236\213.html" "b/\345\224\220\345\207\241\350\276\211lesso7/\347\233\222\345\255\220\346\250\241\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4567f2bca3bcd4c9fa53a08d8a4585137b08d2d3
--- /dev/null
+++ "b/\345\224\220\345\207\241\350\276\211lesso7/\347\233\222\345\255\220\346\250\241\345\236\213.html"
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>无标题文档</title>
+</head>
+<style>
+     *{
+		 text-align:center;
+		 margin:0;
+		 padding:0;
+		 vertical-align:middle;
+		 }
+	 #d001{
+		 border:7px  #CCFF33 double;  
+		 background-color:#F00;
+		 width:200px;
+		 height:300px;
+		 margin:30px 80px;
+		 padding:20px;
+		 }
+		 #d002{
+		 border:10px  dotted  #FF0000;	 
+		 background-color: #03C;
+		 width:200px;
+		 height:300px;
+		 margin:50px 40px;
+		 padding:20px;
+		 }
+</style>
+<body>
+<div id="d001">盒子模型1</div>
+<div id="d002">盒子模型2</div>
+</body>
+</html>
diff --git "a/\345\224\220\345\207\241\350\276\211lesso7/\347\233\222\345\255\220\350\276\271\346\241\206.html" "b/\345\224\220\345\207\241\350\276\211lesso7/\347\233\222\345\255\220\350\276\271\346\241\206.html"
new file mode 100644
index 0000000000000000000000000000000000000000..0783e1457fe617d4381d8434af408dbfa186b4bd
--- /dev/null
+++ "b/\345\224\220\345\207\241\350\276\211lesso7/\347\233\222\345\255\220\350\276\271\346\241\206.html"
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>无标题文档</title>
+<style>
+    #d001{
+		border:dotted 5px  #FF0000;
+		}
+		 #d002{
+		border: none 5px ;
+		}
+		 #d003{
+		border: double 5px  #FF0000;
+		}
+		 #d004{
+		border: solid 5px  #FF0000;
+		}
+		 #d005{
+		border: groove 5px  #FF0000;
+		} #d006{
+		border:dashed 5px  #FF0000;
+		}
+		 #d007{
+		border: ridge 5px  #FF0000;
+		}
+		 #d008{
+		border: inset 5px  #FF0000;
+		}
+		 #d009{
+		border: double 5px  #FF0000;
+		}
+
+
+
+</style>
+
+
+</head>
+
+<body>
+<p id="d001">边框</p>
+<p id="d002">边框</p>
+<p id="d003">边框</p>
+<p id="d004">边框</p>
+<p id="d005">边框</p>
+<p id="d006">边框</p>
+<p id="d007">边框</p>
+<p id="d008">边框</p>
+<p id="d009">边框</p>
+
+</body>
+</html>
