css盒子模型

huijie_0716

已于 2022-03-05 17:13:09 修改

阅读量67

点赞数 4

分类专栏： HTML5 css 文章标签： css 前端 html

于 2022-03-04 19:03:04 首次发布

原文链接：https://blog.csdn.net/wuyujin1997/article/details/112058206

版权

HTML5 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

css

17 篇文章 0 订阅

订阅专栏

标准盒子模型

内容区域

width 宽度 height 高度

内容溢出区域

overflow{

        visible 默认溢出部分可见

        hidden 溢出部分隐藏

        scroll 显示滚动条

        auto 浏览器自动处理

}

overflow-x

overflow-y

内边距

padding-top 上内边距

padding-bottom 下内边距

padding-left 左内边距

padding-right 右内边距

边框

border-width 边框宽度

border-color 边框颜色

border-style 边框样式

        none 无边框
        solid 单实线
        dashed 虚线
        dotted 点状线
        double 双实线

外边距

margin-top 上外边距

margin-bottom 下外边距

margin-left 左外边距

margin-right 右外边距

<stytle>		
            .box{
            	margin-top: 20px;
				margin-left: 10px;
				margin: 10px;
				margin: 10px 20px;
				margin: 10px 20px 30px;
				margin: 10px 20px 30px 40px;
            }	
</style>