0
点赞
收藏
分享

微信扫一扫

CSS-框模型处理 外边距、边框、内边距、元素内容


CSS-框模型处理 外边距、边框、内边距、元素内容_html

<html>
<head>
</head>
<body>
    <div>
        <p>内容、文字,元素内容</p>
    </div>
</body>
</html>

CSS-框模型处理 外边距、边框、内边距、元素内容_外边距_02

说明:
1.以p标签为参考对象
2.外边距(margin): p到div的距离
3.边框(border): p的边框
4.内边距(padding):"内容、文字,元素内容"到p的距离
5.元素内容:"内容、文字,元素内容"

在CSS中,width和height指的是内容区域的宽度和高度。
增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。

CSS-框模型处理 外边距、边框、内边距、元素内容_外边距_03


举报

相关推荐

0 条评论