| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- #box1 {
- width: 300px;
- height: 300px;
- border: 5px solid #f00;
- padding:20px;
- margin: 20px;
- /* padding-left: 70px; */
- }
- /*
- padding 内边距：内容与边框之间的距离 复合属性
- 一个值：上下左右
- 两个值：上下 左右
- 三个值：上 左右 下
- 四个值：上 右 下 左
- padding-left
- padding-right
- padding-top
- padding-bottom
- margin 外边距：边框外的距离 复合属性
- 一个值：上下左右
- 两个值：上下 左右
- 三个值：上 左右 下
- 四个值：上 右 下 左
- margin-left
- margin-right
- margin-top
- margin-bottom
- */
- </style>
- </head>
- <body>
- <div id="box1">hahahah</div>
- </body>
- </html>
|
