如下在body中有个div,div中有个img图片,并且三者之间都有一定的间距,可以把每一块看成一个盒子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子模型</title> <style type="text/css"> body{ width:500px; height:500px; border:1px solid blue; } #div-t{ width:100px; height:100px; border:1px solid red; margin:5px 0 0 5px; /* padding:10px 0 0 10px;*/ } #div-t img{ width:50px; height:50px; border:1px solid black; margin:10px 0 0 10px; } </style> </head> <body> <div id="div-t"> <img src="tu.jpg"/> </div> </body> </html>