div：width---300px,height---300px,border---50px,padding---50px,margin---50px
实际的宽度是：300(width)+50(padding-left)+50(padding-right)+50(border-left)+50(border-right)+50(margin-left)+50(margin-right);
实际高度:300(height)+50(padding-top)+50(padding-bottom)+50(border-top)+50(border-bottom)+50(margin-top)+50(margin-bottom);
文字部分是width*height,文字部分外蓝色部分是padding,红色部分是border,margin部分在图中没显示。
立即学习“前端免费学习笔记（深入）”；
上边示例的代码：
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
462
