html第二版盒子模型基础结构设计例子
时间: 2023-10-24 08:08:32 浏览: 117
HTML第二版盒子模型指的是标准盒子模型,基础结构设计例子如下:
```html
<div class="box">
<p>Hello World</p>
</div>
```
```css
.box {
width: 200px;
height: 100px;
padding: 20px;
border: 1px solid black;
}
```
在这个例子中,我们创建了一个div容器,并设置其宽度、高度、内边距和边框。其中,div容器的宽度和高度指定的是内容区域的大小,而padding和border则分别占据了内容区域周围的空间。这就是标准盒子模型的基本特点。
阅读全文