css盒子模型

来源:互联网 发布:仙侠世界cos捏脸数据 编辑:程序博客网 时间:2024/06/10 18:29

1)有两种,IE 盒子模型、标准 W3C 盒子模型; IE  content 部分包含了 border  padding

2)盒模型:内容(content)、填充(padding)、边界(margin)、边框(border)。

rgin-topmargin-rightmargin-bottommargin-left

使用方式

1margin30px;表示上下左右外边距都为30px

2margin-left30px;单独设置上下左右外边距

3margin10px 20px 30px 40px;分别设置上右左下四个边距为10px 20px 30px 40px

padding 内边距

也有上下左右边距,和margin类似,不在描述

border :边框

border-width: 边框的宽度

border-style: 边框线条的类型
border-color: 边框的颜色

Word中设置边框的操作

也可以使用更优化的书写方式

border: 5px  double dodgerblue

outline:轮廓线, 用法同border


原创粉丝点击