1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <style type="text/css"> 7 div{ 8 /* border-color:red; 9 border-1px; 10 border-style:solid; 11 复合属性： 12 border:border-width || border-style || border-color 13 */ 14 border:1px solid red; 15 width:100px; 16 height:100px; 17 } 18 #one{ 19 /* 20 内边距： 21 1个属性：4个方向. 22 2个属性：第一个决定上下 第二个决定左右 23 3个属性:上 左右 下 24 4个属性:上 右 下 左 顺时针 25 26 外边距margin-left同上： 27 28 */ 29 padding:10px 30px 50px 80px; 30 } 31 </style> 32 </head> 33 <body> 34 <div id="one"> 35 <div id="two"></div> 36 </div> 37 </body> 38 </html>