html盒模型

最新推荐文章于 2023-12-20 20:59:16 发布

y15518325965

最新推荐文章于 2023-12-20 20:59:16 发布

阅读量380

点赞数

本文链接：https://blog.csdn.net/y15518325965/article/details/79463852

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>盒模型</title>
        <style type="text/css">
            div{
                width: 100px;
                height: 100px;
                background-color: yellow; 
                /*添加内边距,内边距上不能展示内容*/
                /*四个值表示：上侧 右侧 下侧 左侧*/
                padding: 30px 40px ;
                /*padding-left: 40px;*/
            }
        </style>
    </head>
    <body>
    <span>span标签</span>
    <!-- 
    任何一个标签都是有盒模型的四部分共同构成：
    content中间的内容区域，标签最重要的部分，代表了标签的宽度和高度；
    padding填充（内边距）：内边距和content内容共同构成标签的大小。
内边距会影响标签的大小；
    border边框：设置边框；
    margin外边距：外边距会影响一个标签的位置，但是外边距是无法在网页中
通过颜色进行展示的。
     -->

     <div>div标签</div>

    </body>
</html>

y15518325965

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html盒模型

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;盒模型&lt;/title&gt; &lt;style type="text/css"&gt; di
复制链接

扫一扫