<!-- 1.外边距 margin 2.边框 border solid(线的类型) --border-width --border-style --border-color 3.内边距 padding（四个值（上右下左） 三个值（上 左右 下）两个值（上下 左右）） 4.content（内容） IE浏览器的适配很麻烦 居中： margin:0px auto; text-align:center; line-height:0px; --> <html> <head> <meta charset="UTF-8"> <title>盒子模型</title> <style> div{ background-color:red; width:500px; height:40px; margin:15px; padding:15px; overflow:auto; border:10px solid green; } .test1{ } span{ background-color:purple; margin:0px auto; } </style> </head> <body> <div>22222222222222222222222222222222222</div> <div class="test1"> <span>22222222222222222</span> </div> </body> </html>