网站（十五）CSS盒子模型

最新推荐文章于 2023-01-06 12:56:49 发布

KeithAlexander

最新推荐文章于 2023-01-06 12:56:49 发布

阅读量239

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/KeithAlexander/article/details/80974670

版权

学习笔记专栏收录该内容

38 篇文章 0 订阅

订阅专栏

CSS盒子模型

属性名

content
padding填充：内容与边框之间的空隙，即内边距。（四个px数值：上右下左边距）
- left
- right
- top
- bottom
border：元素边框
margin边界：元素之间的空隙，即外边距。属性与padding一样。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CreateBoxModel</title>
    <style type="text/css">
        .Servant{
            border: 1px solid black;
            background-color: antiquewhite;
            padding: 10px 10px;
            background-clip: content-box; /*盒子模式*/
            margin: 100px;
        }
    </style>
</head>

<body>
    <div class="Servant">Saber</div>
</body>

</html>

Result

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

KeithAlexander

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网站（十五）CSS盒子模型

CSS盒子模型属性名contentpadding填充：内容与边框之间的空隙，即内边距。（四个px数值：上右下左边距） leftrighttopbottomborder：元素边框margin边界：元素之间的空隙，即外边距。属性与padding一样。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;met...
复制链接

扫一扫